...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Facebook's VP of Product on Mastering Focus and Intentional Work | First Round Review

#ProductManagement #CareerAdvice #Facebook #productivity

Facebook VP of Product Fidji Simo shares tactics to master focus in a world where possibilities are endless and the stakes are high. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Marvel: New Sketch Plugin, Sync designs. Play prototypes. Record flows.

#Sketch #Marvel #Prototyping #Productivity

Turn sketches, mockups and designs into web, iPhone, iOS, Android and Apple Watch app prototypes.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch to React Native Plugin

#Sketch #React #Plugin #Productivity

Convert Sketch files into React Native components









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Library Symbol Replacer

#Sketch #Library #Plugin #Productivity

Replace symbols in the current document with symbols from a Library.

Sketch 47 sees the introduction of Libraries, but migrating existing files to use Library symbols is one of the first big headaches. This plugin aims to help with that by allowing you to replace symbols in the current document with symbols from a Library document - maintaining overrides where possible.

N.B. the plugin currently uses symbol name to work out what to replace with what, so be careful of any conflicts.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ImageOptim plugin for Sketch app

#Sketch #ImageOptimization #Productivity







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Comparing Two Raster Image Compression Plugins for Sketch App

#ImageOptimization #UIDesign #Productivity

Back in the early days, a Sketch designer typically had to export uncompressed PNG or JPG images from Sketch and then choose a means for compressing those files (if desired) using a 3rd party utility…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ImageOptim: Optimize image for the web

#Productivity #UIDesign







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


InVision Inspect: Pixel-perfect design handoffs for your team

#Sketch #InVision #Productivity #handoff

A new design to development workflow with Inspect for better collaboration between design and development.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch and Autolayout: Text with icons and Symbol overrides

#Sketch #Autolayout #AnimaApp #Productivity #Free

Download Anima Autolayout and the file below. Enjoy!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: The digital design toolkit - New Website

#Sketch #DesignSystems #Productivity #Websites

Brand new site for Sketch.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


PerfectPixel by WellDoneCode - Chrome Web Store

#Chrome #Extension #Productivity #HTML #CSS







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Libraries & Abstract: Per-project Libraries

#Sketch #Abstract #DesignSystems #Productivity #plugin

This morning Sketch released a new feature called Libraries, and we’re excited to support this new design workflow on the first day it’s available. Update Abstract to get started! Libraries are the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Must Have Sketch Plugins

#Sketch #Plugin #Productivity #Tips

I get this question very often... "What are the best Sketch plugins?" so I started a list. These are plugins I use on a daily basis... there are a ton of other plugins, but without these my (designer) life would not be the same! :)









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Symbol Organizer: Organize your symbols page alphabetically

#Sketch #Plugin #Productivity #Tips

Organize your symbols page alphabetically (including layer list) and into groupings determined by your symbol names.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch “fix styles” plugin

#Sketch #Plugin #productivity

Remove duplicate text and layer styles!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Symbol Organizer: Organize your symbols page alphabetically

#Sketch #Productivity #plugin

Organize your symbols page alphabetically (including layer list) and into groupings determined by your symbol names.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Diversity Avatars plugin

#Sketch #Plugin #Productivity

Fill your designs with photos of diverse users. Resource for images, avatars, and content.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Beginner’s Guide to Writing Sketch Plugins Part 1 — Getting Started

#Sketch #Plugin #productivity

So you want to start writing Sketch plugins, but have no idea where to start? Well keep reading because this article is for you! If you’re like me, trying to find basic concepts out there is not easy…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Setting Up a Design System with Frames

#Sketch #DesignSystems #UIDesign #Productivity

The system is designed to be lightweight and adaptable to brands, that why many teams find it a really useful tool for building their own libraries based on it. 🖖 Frames Master file is divided into…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


MailChimp: UX Patterns

#DesignSystems #Productivity #patterns #UX

The MailChimp Pattern Library is a byproduct of our move to a more responsive, nimble, & intuitive app.

Over the course of two full redesigns and our recent navigation refresh, we've worked to distill most of the MailChimp interface into a set of atomic pieces, forming the pattern library you see here. By documenting and assembling a reference site of our patterns, we were able to speed up our process and solve some internal communication problems. A common lexicon of code and UI elements benefits us in a few ways:

  • We can build consistently, focusing our energy on workflows and logic, not web forms and list items.
  • We can reuse code instead of reinventing the wheel or roping in an engineer.
  • We can see all of our patterns in one place, quickly revealing maintenance issues.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


PSD to Sketch Design Converter

#Sketch #Photoshop #Productivity #plugin

Switching from Photoshop to Sketch? Try this Free Online Design Converter built by Avocode









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Benjamin Wilkins, Airbnb: Thinking in Symbols for Universal Design

#Sketch #DesignSystems #Productivity

Mind blown by this talk by Benjamin Wilkins, Design Technologist at Airbnb. He touches on the internationalization and localization of design elements, and how might we desig...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SketchStyles: A Sketch plugin to import & export text styles.

#Sketch #DesignSystems #Productivity #plugin

A Sketch plugin to import & export text styles.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Merge duplicate symbols and styles in Sketch

#Sketch #Plugin #Productivity #Paid

The Merge duplicates plugin will automatically find all the duplicate symbols within your whole Sketch file and linked libraries and prompt you about what to do with them.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Styles Generator

#Sketch #DesignSystems #Productivity #plugin

Generate hundreds of Sketch Shared Styles in a matter of seconds!












Scan & Share
Feed