...



Francesco Bertocci

Sr. Product/UX/UI Designer

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


Fontface NinjaTwitterFacebookSlackPage 1

Explore fonts within a website, try and buy them!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


CSSPeeper - Smart CSS viewer tailored for Designers

#CSS #HTML #Productivity

Get access to the useful styles with our Chrome extension. Our mission is to let Designers focus on design, and spend as little time as possible digging in a code.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Dangerous Design trends 2017

#Design #tips #bestpractice

You cannot judge a book by its cover, but you can certainly judge a website by its design. People tend to evaluate and judge products and websites early based on their looks before they even get into…









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


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


Atomic: Example Prototypes

#Atomic #prototyping #tutorials

Download these sample files to learn how to create particular interactions in Atomic









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


Design&Prototype Newsletter - Sign up

#DesignAndPrototype #Newsletter







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









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Runner (Pro Version)

#Sketch #Plugin #Productivity #Paid

10x your productivity with this amazing plugin.









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


Tint icons using nested symbols (Sketch file)

#Sketch #template

Download this file to learn how to create an icon and turn into a mask, then use a symbol to fill the mask.
For symbol overrides in nested symbols to work the symbols must be of identical dimensions.

Here the tutorial on how to use it.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Francesco Bertocci UX/UI Portfolio











Scan & Share
Feed