...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Symbol Browser Plugin

#Sketch #Plugin #Libraries #Productivity

A new way to browse your symbols. Make the most of your Design System by bringing symbols and UI Sticker sheet together.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Vectary: The Easiest Online 3D Design & 3D Modeling Software

#3D #AR #Tools

Turn ideas into 3D design with this easy-to-use online 3D modeling software. Start for free with a complete set of tools including real-time rendering and models library.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Anima ToolKit: Sketch to HTML

#Sketch #AnimaApp #Plugins #Tutorials #Resources

Learn how to Export HTML from Sketch, Design Interactions and Animations with Sketch and the Anima app plugin.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Tutorial: These tiny tweaks make your animations so much better

#Motion #UIDesign #Tips #Tutorials #InVisionStudio

What takes a product animation from good to great? Really, it’s all about the small details. Using InVision Studio, let’s […]









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Semantic UI Kit for XD: Icons & Templates for Semantic Design

#XD #UIKits #Semantic #Productivity

Build a custom design system with this kit inspired by Semantic UI. Start designing at scale with components like buttons, forms, search, tabs & more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


An ultimate guide to designing user-friendly forms

#Forms #UX #UIDesign #Usability

An ultimate guide to designing user-friendly forms 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Accessible Interface Design

#UIDesign #Tools #Accessibility

A year ago I joined the Salesforce UX team as a Product Designer working on Mobile Self Service products. I came from a small startup, so I was new to practically everything happening at such a large…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


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

Sr. Product/UX/UI...


A Practical Guide To SVG And Design Tools (Smashing Magazine)

#SVGs #Tools #BestPractices #Sketch #Figma #Illustrator #Productivity

To make the best of SVG, it’s useful not only to learn its syntax but also to understand how SVG is generated by graphic design software. Let’€™s take a closer look at the process of generating SVG with popular design apps and how we can use them to our own advantage.









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


Most desired skills for UX/UI Designers

#JobHunting #UX #UIDesign #Sketch

See the data-driven rating of tech skills for designers, made by CV Compiler. What technical skills do you need to get a designer job in 2019?









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to Build the Perfect Mobile Landing Page

#Optimization #Conversion #LandingPages #Mobile #UX #UIDesign #Copywriting

When it comes to mobile landing pages, every second counts. Don't miss out on potential conversions. Follow these tips to build the perfect mobile landing page.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Roller by Toybox

#Sketch #Productivity #Plugins

Introducing Roller by Toybox

Roller is the first Linter for Designers. It works just like spell-check but within your Sketch files - helping you and your team identify design inconsistencies and suggesting edits while you work.

Download the zip to get started, view the documentation below to learn more :)










Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Guide to Material Motion in After Effects

#UIDesign #AFX #MaterialDesign #Animation #Motion

A basic sticker sheet and workflow for animating user interfaces









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


FramerX: Page Tool - Custom Properties - YouTube

#FramerX #UIDesign #Prototyping #Productivity

In this short video, find out how to customize everything about your page components in the Framer X properties panel—from sliding direction and padding to momentum and dynamic effects.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch2React: The free Design to Code Component Framework

#Sketch #React #HTML #RWD

Sketch2React is a free design to code component framework for Sketch App.









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


Framer X: Collection of Tutorials (Various sources)

#FramerX #Prototyping #React #JS

Master interactive design with Framer’s detailed tutorials on visual design, interactive design and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Ikonate: fully customisable & accessible vector icons

#Icons #SVGs #Accessibility #Productivity

Customise, adjust and download free vector icons. Ikonate is an adaptable set of optimised, accessible SVG icons that use can easily use in both development and design apps such as Sketch and Photoshop. Ready to use as images, inline SVGs or SVG sprites.









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


Google Augmented Reality Design Guidelines

#Google #Android #AR #Guidelines

Augmented reality (AR) lets you add virtual content to the real world. You can use AR to create experiences that enhance the way people see and interact with the world.

ARCore is a platform for building AR apps. It harnesses the power of Android phones using these key technologies:

  • motion tracking
  • environmental understanding
  • light estimation
ARCore collects that information and uses it to integrate virtual content with the real world.



ARCore works in 2 ways:

It tracks the position of your phone in the real world, and it builds an understanding of your surroundings by identifying walls and floors in the environment.

This spec was created using internal research and analysis of AR experiences in education, shopping, creativity, and gaming. You can use this spec to design practical, innovative, and magical mobile AR experiences.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


John Maeda: If You Want to Survive in Design, You Better Learn to Code | WIRED

Tech veteran John Maeda released his annual Design In Technology report this week.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ColorBox by Lyft Design

#UIDesign #Tools #Colors

Colorbox is a color tool to produce color sets.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The ineffectiveness of lonely icons

#BestPractices #UIDesign #UX

If your target audience is a general population, you should not be using icons alone to convey anything meaningful. By doing so, you have made assumptions…












Scan & Share
Feed