...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Select invisible layers on current page in Sketch

#Sketch #Plugin #Productivity #Tips

Select invisible layers on current page in Sketch









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Symbols Manager Plugin ($1 Off Special)

#Sketch #Plugins #Deals

A fast and easy way to manage all your symbols. No more hassle with long and complex symbols name, or renaming tons of symbols because you misspelled a folder name. Keep your symbols clean and tidy. What you can do. Easily rename symbols and symbol folder, Drag and drop your symbols from to folder to folder, Create new folders. See how it works. https://www.youtube.com/watch?v=bkBTQHVpups&feature=youtu.be









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketchtool export artboard vs. auto layout plugin - Sketch Developers

#Sketch #Anima #Zeplin #Workaround

The plugin changes the way Sketch renders layers on runtime, and since SketchTool does not load plugins, it just renders layers how Sketch itself would do if AutoLayout wasn't installed.

There's a workaround in AutoLayout (find the 'Prepare for Export' menu option) that basically flattens the render and copies the content to a new document.









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


ZeroHeight: Shared Sketch libraries and Styleguide generation

#Sketch #Plugin #UIDesign #handoff #DesignSystem

A great way to collaborate on design libraries and generate style guides.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ImageOptim plugin for Sketch app

#Sketch #ImageOptimization #Productivity







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch plugin that deletes a documents color palette.

#Sketch #Plugins

sketch-cleardoccolorpalette - Sketch plugin that deletes a documents color palette.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


GitHub - margusholland/Comma: Sketch plugin for text modifications

Select text layers, layer groups or artboards to change the text. 

The following commands are available:
  • Change text to Lowercase, Uppercase, Title Case and Sentence Case
  • Change three consecutive periods to ellipsis
  • Add a single space after every punctuation character (.,?!:;)
  • Replace all double spaces with single spaces
  • Replace all double line breaks with single line breaks
  • Show character and word counts









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


Sketch: Plugin developer reading list

#Sketch #plugin

There is no course in writing Sketch plugins. For the designer with an ambition to write their own it can seem like a steep learning curve. This is an extremely simple plugin example, which…









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


Atomic: Sketch plugin Sync and Edit (some) elements

#Atomic #Sketch #plugin #prototyping

Sync designs from Sketch with Atomic









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


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


Alembic for Sketch: Easily extract a color palette from Sketch images

#Sketch #Plugins #color

A Sketch plugin to extract a color palette from any layer that contains bitmap data. This works for both images and layers with a Pattern fill.









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


Go Even Faster from Sketch to HTML – Design + Sketch – Medium

#Sketch #Plugin #Launchpad

On our mission to empower designers, we are continuously pushing the envelope on what designers can achieve without writing code. We’re continuously getting great feedback. One of the issues that…









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


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


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…












Scan & Share
Feed