...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Smart Layout in Sketch 58: Navigation & Dropdown Menu Tutorial by Silvia Bormüller

#Sketch #SmartLayout #Tutorials #UIDesign #Productivity

“Smart Layout in Sketch 58 is damn powerful, there is a lot you can do with it. In this article I’d like to show you how to set up Smart Layout for your Navigation & Dropdown Menu design.”









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SwiftUI Tutorial: Build a dynamic list app with navigation and images

#iOS #SwiftUI #Dev #Mobile #Free #Tutorials

Ready to get started with SwiftUI? In this tutorial you'll learn how to build a scrolling table of items, how to handle selection, how to create a new screen...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Creating an animated SVG Neon light effect

#SVGs #Animations #Sketch

This tutorial walks you through the process of creating an animated neon light SVG, as seen on ruhrjs.de. Using Sketch, Texteditor and CSS keyframe animations.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Animated SVG Alphabet Tutorial with Sketch and Keyshape

#Sketch #Keyshape #Animation #SVG #Typography

Wouldn’t it be nice to have a pre-animated A-Z SVG alphabet in a nice font like Roboto? Yes and yes and it’s coming soon. Even better it’s totally free. Yes I’m insane so what’s new? In this…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Master (Courses Bundle)

#Sketch #OnlineCourses #Video #SVG #Advanced

Sketch Master is a collection of tutorial training courses for professionals learning Sketch—the UI UX vector design software for Mac.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fuse Streams on YouTube

#Fuse #Tutorial #Prototyping #UX

Learn Fuse by watching these videos.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to Build an Effective Design Framework | Toptal

#DesignSystem #UIKit #UIDesign #Tutorial #Sketch

Design frameworks help designers work more efficiently using reusable components. This article outlines how to create one (includes a free Sketch UI framework).









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Understanding Flexbox: Everything you need to know

#CSS #Flexbox #UIDesign

This article will cover all the fundamental concepts you need to get good with the CSS Flexbox model. It’s a long one, so I hope you’re ready for it. If you prefer to read the entire tutorial in a…









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


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.












Scan & Share
Feed