...



Francesco Bertocci

Sr. Product/UX/UI Designer

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







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


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…









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


Sketch: Map Generator plugin

#Sketch #Plugin #Productivity

Plugin to fill a shape with a map generated from a location (Powered by Google Maps and Mapbox)









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


sketch-share-as-is/README.md at master · turbobabr/sketch-share-as-is · GitHub

#Sketch #plugins

Contribute to sketch-share-as-is development by creating an account on GitHub.









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


The Ultimate List of 50 of the Best Sketch Plugins | Toptal

Designers love Sketch for its simplicity. They love it thanks to its plugins, which add numerous features. Here are 50 of the very best plugins for Sketch.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Supernova Studio: Turn Sketch files into Real Apps

#Sketch #iOS #Android #React #MobileDev

Supernova converts any mobile design to full-fledged native applications, giving the developers extra time to do actual coding. For iOS, Android and soon React Native.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Stark: The color-blind simulator for Sketch

#Sketch #Design #Plugin #Accessibility

The color-blind simulator and contrast checker for Sketch. Design with accessibility in mind.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ShopTalk: SVG and Sketch with Peter Nowell

#Podcast #SVG #Production

It's our SVG Sketch-a-thon. We've got Peter Nowell on who's the Sketchmaster to talk about SVG workflows, animation workflow, plugins for Sketch, and how working in software like Sketch is great but you should still know the code.









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!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Together YouTube Channel

#Sketch #OnlineCourses #Video







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! :)












Scan & Share
Feed