...



Francesco Bertocci

Founder of Free&Willing / Design Advocate at Sketch

Profile image

Francesco Bertocci

Founder of Free&W...


Design System Checklist

#UX #UIDesign #Productivity #DesignSystems

An open-source checklist to help you plan, build and grow your design system.









Profile image

Francesco Bertocci

Founder of Free&W...


Design Systems articles on building and maintaining design systems

#DesignSystems #UIDesign #BestPractices #Productivity #Figma

A Figma publication for design systems creators, designers, developers, and managers









Profile image

Francesco Bertocci

Founder of Free&W...


Measuring the Impact of a Design System – Cristiano Rastelli – Medium

#DesignSystems #Components #UIDesign #Development

A story about how it’s possible to visualise the (positive) impact of a design system using git-log to extract data about changes in a codebase and D3.js to draw them along a timeline.









Profile image

Francesco Bertocci

Founder of Free&W...


Design Systems Repo | A Collection of Design System Resources

#DesignSystems #Resources

An organized and frequently updated collection of Design System examples, resources, tools, articles and videos.









Profile image

Francesco Bertocci

Founder of Free&W...


A Design System’s Impact – Tap to Dismiss – Medium

#DesignSystems #ProductDesign #UIDesign

I fell into this role following my passion to learn, create, and educate. You can’t exactly study design systems in school, so to be successful in this field you are constantly reaching out to learn…









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


Build your design system like the pros

#DesignSystems #ProductDesign #UIDesign #Videos #InVision

Watch videos of design system pros Brad Frost, Dan Mall, and Josh Clark sharing best practices for product design at scale. Get expert recommendations for improving speed, quality, and consistency with design systems.









Profile image

Francesco Bertocci

Founder of Free&W...


Consistent Design Systems in Sketch With Atomic Design and the Auto-Layout Plugin

#Sketch #DesignSystems #BestPractices #AnimaApp #Autolayout

Do you design digital products (or websites) and hand design files off to developers for implementation? If you answered yes, settle in! While the should-designers-code debate rages on, we're going to look at how adding a methodology to your design workflow can make you faster, more consistent, and loved by all









Profile image

Francesco Bertocci

Founder of Free&W...


Resources, links, references and articles on Design Systems

#DesignSystems #DPLs #Teams

Every company — big and small — is building or planning on building a design system for its SaaS offerings. It makes sense. Having a design system in place is an important step for scaling your…









Profile image

Francesco Bertocci

Founder of Free&W...


Consolidating Design Systems

#DesignSystems #DPLs #UIDesign

An enterprise usually has many concurrent design systems. Separate groups chart paths loosely aware or even willfully ignorant of what others do. Many systems isn’t necessarily bad. Different…









Profile image

Francesco Bertocci

Founder of Free&W...


Design System UIKits: A Curated Collection

#Sketch #DesignSystems #UIKits







Profile image

Francesco Bertocci

Founder of Free&W...


Adele: Design Systems and Pattern Libraries Repository

#DesignSystems #Directory

Dozens of design systems and pattern libraries thoroughly analyzed. Learn, enjoy, contribute!









Profile image

Francesco Bertocci

Founder of Free&W...


Design Systems Virtual Summit 2018

#DesignSystems #Webinars

13 free webinars from Atlassian, Salesforce, IBM, Airbnb, GE, Linkedin, and more.









Profile image

Francesco Bertocci

Founder of Free&W...


Oxygen UIKIt

#Sketch #DesignSystems #UIKits #UXPowerTools

The ultimate design system boilerplate for creating beautiful web applications in the most efficient and scalable way possible.
Every symbol is built with text styles and layer styles so you can efficiently update and sync changes across your file.









Profile image

Francesco Bertocci

Founder of Free&W...


Design Systems Market by UXPowerTools

#DesignSystems #UXPowerTools #Productivity

Premium UX design systems for ux designers using Sketch for UI and UX projects by UXPowerTools









Profile image

Francesco Bertocci

Founder of Free&W...


Bootsketch The Perfect Boostrap Companion Sketch File (10% off)

#UIkits #DesignSystems #Productivity #Bootstrap #Deals

Bootstrap components for Sketch so you can focus on shipping products instead of renaming layer groups









Profile image

Francesco Bertocci

Founder of Free&W...


Lightning Design System (Salesforce)

#DesignSystems #Components #DesignTokens

The Lightning Design System reflects the patterns and components that underpin the Salesforce product. These patterns and components provide a unified language and consistent look and feel when designing apps and products within the Salesforce ecosystem.









Profile image

Francesco Bertocci

Founder of Free&W...


Sketch: Move Symbols to Library

#Sketch #Plugin #Productivity #DesignSystems

You can now move a symbol from your project to any library and re-connect all the symbol instances to this library while keeping the overrides. It works with Abstract too!









Profile image

Francesco Bertocci

Founder of Free&W...


UI Design System UIKit

#Sketch #DesignSystems #UIKits

Create and develop awesome desktop apps with our starter kit for Sketch.









Profile image

Francesco Bertocci

Founder of Free&W...


UX Power Tools UIKit

#Sketch #DesignSystems #UIKits

Our design systems are meticulously designed in Sketch using Layer Styles, Text Styles, and Symbols, so updating dozens of components takes seconds, not days.









Profile image

Francesco Bertocci

Founder of Free&W...


Frames: Web Design System for Sketch (Special 10% 0ff)

#Sketch #DesignSystems #UIKits #Deals

Carefully crafted components and best Sketch techniques combined into a powerful web design system.









Profile image

Francesco Bertocci

Founder of Free&W...


Cabana: Design System for Sketch (20% off)

#Sketch #DesignSystems #UIKits

Want to improve your design workflow? Say hello to Cabana. A Design System for Sketch that helps you work better, smarter, and faster than ever before.









Profile image

Francesco Bertocci

Founder of Free&W...


Salesforce UX: Living Design System

#DesignSystems #Components #DesignTokens

Scaling a design across all form factors and platforms has become the new challenge in the software industry. From watch to phone to tablet to desktop, teams must also consider iOS, Android, Win8 and HTML5 implementations. Opinions on native vs. HTML5 aside, most companies use a mix of both to balance the best user experience with time to market and reusability cross-platform.









Profile image

Francesco Bertocci

Founder of Free&W...


Lightning Design System: Design Tokens

#DesignSystems #Components #DesignTokens

Design tokens are the visual design atoms of the design system — specifically, they are named entities that store visual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for spacing) in order to maintain a scalable and consistent visual system for UI development.









Profile image

Francesco Bertocci

Founder of Free&W...


Pattern Lab: Build Atomic Design Systems

#DesignSystems #Components

Pattern Lab helps you and your team build thoughtful, pattern-driven user interfaces using atomic design principles.












Scan & Share
Feed