...



Francesco Bertocci

Founder of Free&Willing / Design Advocate at Sketch

Profile image

Francesco Bertocci

Founder of Free&W...


May 2019 Update of XD: Easily Create & Manage Design Systems

#XD #UIDesign #DesignPatternLibraries #Prototyping #Components

The latest version of XD allows you to build scalable design systems & easily create & manage reusable colors, styles, & components with your team.









Profile image

Francesco Bertocci

Founder of Free&W...


Gartner: Design Patterns (Sketch Library Demo)

#DesignPatternLibraries #UX #Sketch #Collaboration #Productivity







Profile image

Francesco Bertocci

Founder of Free&W...


Dealing with Dependencies Inside Design Systems

#DesignSystems #DesignPatternLibraries #UIDesign

#5 of 6 of the series Releasing Design Systems









Profile image

Francesco Bertocci

Founder of Free&W...


ReactDraw: boost your productivity with this amazing tool for Sketch

#Sketch #Plugins #Productivity #DesignPatternLibraries #Data

Manage symbols, styles and data overrides in no time.









Profile image

Francesco Bertocci

Founder of Free&W...


Camilo: our tool and technique for one-click brand change in Sketch 52

#Sketch #Productivity #DesignPatternLibraries #UIKits #UIDesign

A white label global product, with multi-brand support, is a challenge to design. The design process have to consider the problematic of one-size-fits-all for every asset, from typography and…









Profile image

Francesco Bertocci

Founder of Free&W...


The Sketch Update We’ve All Been Waiting For

#Sketch #Productivity #DesignPatternLibraries

When nested symbols came out for the first time way back in Sketch version-whatever-it-was, it was kind of a big deal. At least I thought so: At the time, a couple designers were figuring out ways to…









Profile image

Francesco Bertocci

Founder of Free&W...


Gartner Design Pattern Library

#Portfolio #DesignPatternLibraries #UX







Profile image

Francesco Bertocci

Founder of Free&W...


Gartner Design Pattern Library

#Portfolio #DesignPatternLibraries #UX







Profile image

Francesco Bertocci

Founder of Free&W...


How to easily create themes with CSS Variables

#CSS #DesignPatternLibraries #HTML

One of the best use cases for CSS Variables is theme creation. And by that I don’t only mean changing themes for your entire app, as that’s probably not something you need to do very often. What’s…









Profile image

Francesco Bertocci

Founder of Free&W...


Sketch Style Libraries

#Sketch #Plugins #Typography #Productivity #DesignPatternLibraries

Sync layer & text styles from any Sketch Library









Profile image

Francesco Bertocci

Founder of Free&W...


Gartner Design Pattern Library

#Portfolio #DesignPatternLibraries #UX







Profile image

Francesco Bertocci

Founder of Free&W...


Atomic UI Pattern Library Sketch freebie

#Sketch #AtomicDesign #UIKits #DesignPatternLibraries #Free

Atomic UI Pattern Library resource, for Sketch App. 









Profile image

Francesco Bertocci

Founder of Free&W...


Gust + Platform Re-Design DPL

#Portfolio #DesignPatternLibraries #UX







Profile image

Francesco Bertocci

Founder of Free&W...


Design Systems vs. Pattern Libraries vs. Style Guides - What's the Difference?

#DesignSystems #PatternLibraries #StyleGuide

Design System – the complete set of design standards, documentation, and principles along with the toolkit (UI patterns and code components) to achieve those standards.
Pattern Library – A subclass in the design system, this is the set of design patterns for use across a company.
Style guide – Another subclass in the design system, this static documentation describes the design system itself: how products should look and feel, use cases for UI patterns, correct typographic scales, etc.












Scan & Share
Feed