...



Francesco Bertocci

Sr. Product/UX/UI Designer

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


Customising the Sketch Library Preview Image — beta

#Sketch #Libraries #tips

There’s been a lot written about Sketch’s new native library feature, so I won‘t cover old ground. For me, the nested symbols support is a real winner, and I am looking forward to Abstract support…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Easy-breezy interactive 3d in FramerJS with Sketchfab API Utility - Sketchfab Blog

#Framer #3D







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


Gifmock: Easily create high quality GIFs from Sketch

#Sketch #Gif #Video

Gifmock is a simple desktop application that helps you create high quality GIFs from your mockups.









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


How To Create A Hamburger Menu For Your Website – Design + Sketch – Medium

#Sketch #Prototyping #LaunchPad #AnimaApp

Launchpad allows you to go from Sketch to HTML, and publish websites directly from Sketch. On this update we introduce animations & overlays. 📱 Mobile screens have limited screen space. That’s why…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design Resources - Apple Developer

#iOS #DesignGuidelines #Sketch #Photoshop #AdobeXD

Design apps quickly by using Photoshop and Sketch templates, plug-ins, and other preconfigured UI elements.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Library Inception for Projects and Design Systems

#Sketch #DesignSystem #UIDesign #BestPractice

Last week Sketch released Libraries in their 47 Beta, my number one dream feature and something I had a chat with Megan Raddatz about in the comment section of one of my articles from last year…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Workshop: Sketch and Framer - Design & Prototype NYC Meetup

#Sketch #Prototyping #Framer









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Simple guide to make your first Virtual Interface in Sketch – System Usability Scale Measurement Tool








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!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Keys-For-Sketch: Advanced shortcut manager for Sketch app.

#Sketch #Plugins

Keys-For-Sketch - Advanced shortcut manager for Sketch app.

Please note once installed you can access it from Sketch's preferences, not the plugin's menu.









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


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


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 and Symbols

A list of free and premium Sketch libraries and Symbols









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SketchViewer - View, Version, & Share Sketch Files

Pan and zoom your .sketch files canvas directly on the web. Easily share, collaborate, and even go back in time with versions.









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










Scan & Share
Feed