...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Quick Tip for Organizing Content

#Sketch #Abstract #Tip

Now that you can easily flip between artboards using the arrow keys I thought I would share how Abstract imports them so you can make sure that your mocks are…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


BEM Methodology

#CSS #bestpractice







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Gists — Useful snippets for plugin development

#Sketch #Plugin #Code

In this series, I would share some snippets which acted as utils in my project. It would be divided into 3 parts: 1. Find by iteration snippets 2. Symbol snippets 3. Creation snippets









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Things You Might Not Know About Typography in Sketch | Toptal

#Sketch #tutorial #typography

When working with typography, Sketch comes up short, especially when you compare it with the most popular design tools out there. In this article, we’ll give you quick tips to compensate for its shortcomings with typography.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


User Flows - Generate flow diagrams from Artboards in Sketch.

#Sketch #Plugin #flows

Generate flow diagrams from Artboards in Sketch.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch2AE: Plugin for Sketch and After Effects

#Sketch #AFX #Animation #Motion #Productivity

Live After Effects layers straight from Sketch artboards

Sketch layers may now be imported into After Effects without redrawing everything in Illustrator. Avoid the startling realization that you have to repeat the whole import process simply because you forgot to split one element out onto its own layer or that type has to be converted into live text as an additional process per layer.

Quickly export selected layers or a whole artboard from Sketch with type metrics, transform data, images, symbol hierarchy, and grouping intact. It's little bit better than the native Illustrator => AE import. Hooray.

Built by Adam Plouff for the SUMux Motion Design Team at Google.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Michael Margolis, UX Research Partner at GV | Listen via Stitcher

#GV #uxresearch #researchsprints

As perhaps the only UX researcher on staff at a VC fund, Michael Margolis is parachuting into startups year-round to help them better understand their users. In this chat with Intercom Director of Research Sian Townsend, Michael walks us through his "start at the end" research framework, the ways in which he quickly develops rapport with new product teams, how to conduct research faster, and much more. Listen to over 65,000+ radio shows, podcasts and live radio stations for free on your iPhone, iPad, Android and PC. Discover the best of news, entertainment, comedy, sports and talk radio on demand with Stitcher Radio.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


CSSPeeper - Smart CSS viewer tailored for Designers

#CSS #HTML #Productivity

Get access to the useful styles with our Chrome extension. Our mission is to let Designers focus on design, and spend as little time as possible digging in a code.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic: Example Prototypes

#Atomic #prototyping #tutorials

Download these sample files to learn how to create particular interactions in Atomic









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Responsive Focusable Images via Nested Symbols

#Sketch #AnimaApp #Responsive

1) Download the .Sketch file
2) Edit the symbols and see how they are set up.
3) Change images and focal points and see how they change when you resize them in the main artboard.

More info on how to use the file on this Medium post.
–––
It took several ours to write this post and create the file, thanks for your contribution!












Scan & Share
Feed