...



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...


TED Radio Hour: The Power of Design

#Design #Talks

This episode, TED speakers on the essence of good design in buildings, brands, the digital realm and the natural world. Guests include computer engineer Tony Fadell, architect Marc Kushner, Airbnb co-founder Joe Gebbia, design critic Alice Rawsthorn, and science writer Janine Benyus. (Original broadcast date: May 20, 2016). 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...


Mastering the Power of Nothing – Springboard

#Design #BestPractices

Whitespace is one of the most valuable assets of interactive design. The whitespace on a page, even though often overlooked, can be every bit as important as the space occupied by UI elements. In…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Democratizing UX

#UX #Research #Collaboration

WeWork transforms buildings into beautiful, collaborative workspaces. Get the space, community, and services you need to make a life, not just a living.









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...


Sketch Libraries Beta: How they work, and the crazy stuff you can do with them

#Sketch #UIDesign #Libraries #Collaboration

If there’s one phrase that’s plagued the design world more than any other over the past year, it’s this: “SINGLE SOURCE OF TRUTH”. No, it’s not a singles ad for a fortune-teller (“27, Male. Single…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch - Libraries (Beta)

#Sketch #Libraries #UIDesign #beta







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Lingo: Unify Your Brand

#Sketch #Plugin #Productivity #UIDesign #StyleGuide

Everything your team needs to develop and maintain a visual language.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A Better Way to Make Buttons in Sketch – UX Power Tools – Medium

#Sketch #UIDesign #Productivity

Sketch symbols are great because they provide one central place to manage components. Buttons are some of the easiest components to create, but like text fields, they have a lot of different states…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


50 Things You [Probably] Forgot To Design – UX Power Tools – Medium

#UIDesign #Tips #BestPractices

Well, it’s not cool…but like…it’s okay. It happens. This list will make you better. Or at least more aware. Or maybe you just give it a couple claps because you recognize someone spent time curating…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Kap - Capture your screen

#Gif #screencapture

An open-source screen recorder built with web technology









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Pricing, search and new styleguides – zeroheight – Medium

#Sketch #Plugin #productivity

We’re announcing pricing plans today, head over here to check them out. Every plan comes with a free 30-day trial. If you’re already using zeroheight, you get an extra 30 days for free 🎁 Styleguides…









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...


Native app animations in Xcode using Sketch, After Effects and Lottie from Airbnb.

#Sketch #Afx #Animations #Mobile #iOS

Animated icons and illustrations in native app on-boarding screens are becoming more popular. They visually delight the user and also help make the experience more intuitive. We’ll take you through…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Qwikly: Build mobile apps using Sketch

#iOS #Prototyping #Native #Mobile

Convert your mobile designs into native apps and save time with Qwikly.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch + Anima: Launchpad Widget Tests

#Sketch #Anima #Launchpad #Prototyping

Download this file to see see how you can embed a dynamic Google map, or any content you can display in an iframe in a Sketch file.  Requires: Sketch 44.1+ & Anima's Launchpad (0.7+)  Why pay?  I spent some time putting together the file and looking into what's possible and I appreciate your support! :)









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Anima App: Autolayout

#Sketch #Anima #UIDesign #Prototyping #Plugin

Auto-Layout is a Sketch Plugin that empowers designers to build responsive designs inside Sketch.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Francesco Bertocci UX/UI Portfolio











Scan & Share
Feed