...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Learn CSS Grid (why it’s better than Bootstrap)

#CSS #HTML #UIDesign

Scrimba is a community of developers sharing knowledge through interactive coding screencasts.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


FontBase: Use Google Fonts in a Single Click!

#Fonts #Google #UIDesign

With FontBase, you can browse Google fonts on the web, but activate them like they were local. Like magic, but better.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Painting with Code

#Sketch #Plugin #React #OpenSource

Introducing our new open source library React Sketch.app.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Lottie: Behind the scenes of our new open-source animation tool.

#UIDesign #tools #Animation #opensource







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


1–2–3 Guide for Managing Design Assets – Design + Sketch – Medium

#Sketch #Abstract #workflow #handoff #UIDesign

Easy as it sounds. Check out the recap and below you will find a video guide. If you work as a freelancer or in a Team — here’s the idea. We’ll use: In Abstract, set up New Project named ___Support …









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gestalt Theory for UX Design: Principle of Proximity.

#UX #BestPractices #principles

Human brain is an amazing data processor whose broad capacity still hasn’t been explored at full. For designers dealing with user experience of any kind, knowledge of cognitive abilities and…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Customer Journey Maps: How to Build One | Toptal

#UX #JourneyMaps

Customer journey maps are a visual storytelling tool that helps designers empathize with users and identify opportunities for providing a better experience.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


CSS Design Awards: Website of the Year 2017

#Awards #Webdesign #CSS

Welcome to Website of the Year 2017, a special collaboration between CSSDA and Wokine that showcases the finalists and winners of the web design and development industry.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


86 Sketch shortcuts that every product designer should be using

#Sketch #Productivity #shortcuts

Designers, these Sketch shortcuts are about to make your life *so* much easier.









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


Build apps using Fuse

#Fuse #MobileApps #UX #Prototyping

Learn to build your own apps.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SketchCleaner: Clean Sketch Files

#Sketch #Plugin #Productivity

"SketchCleaner ($2 license) helps with best practices and keeping your files clean, making it easier to handoff or share with other team members or simply for yourself."

One feature I use quite a bit are the ability to “delete hidden layers” (like in Photoshop). Another pretty useful one is the ability to sort (in the layers menu) your design elements to match how they are actually laid out on an Artboard.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


3 Best Form Design Practices for your design process

#UIDesign #UserInput #Forms #UX

Forms are a part of everyday life, and honestly, they aren’t always the best of experiences. Whether it may be confirming your plane tickets for a getaway or checking out items for your shopping cart…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Learn CSS Grid in 5 Minutes

#CSS #Grid #Layout #UIDesign

Grid layouts are fundamental to the design of websites, and the CSS Grid module is the most powerful and easiest tool for creating it. The module has also gotten native support by the major browsers…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


STUDIO: The next generation design tool for digital products

#UIDesign #Tools

STUDIO is a next generation design tool for a digital products that goes beyond your imagination. Our vision is to provide a platform for anyone to change their idea into a real product.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gif.me Plugin

#Sketch #Plugin #Productivity #Tips #Gif

Design with gifs and videos inside sketch









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Uxtools.co: Compare Versioning Tools

#Productivity #Tools #UIDesign #Collaboration

Compare popular industry UX tools for design, prototyping, handoff, versioning, monitoring, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gotcha 👌 for Framer

#Framer #Handoff #UIDesign #MobileDevelopment

We’ve been exploring how to build a design process around Framer, but until we could get our designs into Zeplin or something like it, our prototypes would be all show, no tell. Enter Gotcha 👌.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


HackToStart: Stephanie Engle, Product Designer, Cruise

#Podcast #CareerAdvice #Startups

Stephanie Engle is a Product Designer at Cruise. Before joining the team there, Stephanie had a background in social products, starting her career off as an intern for the anonymous messaging app Secret, before joining Facebook to work on the Profile, and later joining the VR team. Stephanie recently joined Cruise as a Product Designer, helping to create and design solutions around the emerging self-driving cars industry. Stephanie joins us to share her story, how she got into design, how she created the opportunity to join the team at Facebook, what it was like tackling VR design challenges, how AR / VR and autonomous cars are a lot alike, what it’s like being part of the team at Cruise, and much more. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Who are we designing for? The quality and standards teams (Part 3 of 3)

#UX #UIDesign

At this point, you probably think your designs are ready to see the light of day. But even in this agile, continual release world, you still need checks and balances to make sure the work is high…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Compare UX Prototyping Tools for mobile and desktop app design

#Prototyping #Tools

With so many prototyping tools out there, you need to choose the best tool for the job. From Low fidelity wireframe tools to hi-fi UI design tools












Scan & Share
Feed