...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


Dealing with Dependencies Inside Design Systems

#DesignSystems #DesignPatternLibraries #UIDesign

#5 of 6 of the series Releasing Design Systems









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


Design System UIKits: A Curated Collection

#Sketch #DesignSystems #UIKits







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Tokens in Design Systems

#Tokens #DesignSystemd

In a recent code review, my passions stirred as I walked through a Pill component’s style with a designer teammate. “Look. Yes, it’s code, but look closely at those tokens. You know what this looks…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


Design Systems Virtual Summit 2018

#DesignSystems #Webinars

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









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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

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


UI Design System UIKit

#Sketch #DesignSystems #UIKits

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









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


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.












Scan & Share
Feed