...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Design Guide importing from Sketch, Figma or Photoshop

#Framer #Sketch #Figma #Photoshop #Prototyping

Working in Sketch, Figma or Photoshop? Framer offers a fully integrated import workflow, so you can go back and forth as many times as you need. Currently, you can only import a design into Code to start animation.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic: Advanced user input and editable form elements

#Atomic #Prototyping

Atomic currently supports three types of form elements: text inputs, text areas and dropdown menus. Form elements let you capture input from users, and can be linked to variables in order to achieve form validation and other complex manipulation using script expressions. Form elements can also be animated, the same way other elements are animated.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The best Slack groups for UX designers

#Slack #Communities #Design

Tons of companies are using Slack to organize and facilitate how their employees communicate on a daily basis. Slack has now more than 5 million daily active users and more than 60,000 teams around…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Must Have Sketch Plugins

#Sketch #Plugin #Productivity #Tips

I get this question very often... "What are the best Sketch plugins?" so I started a list. These are plugins I use on a daily basis... there are a ton of other plugins, but without these my (designer) life would not be the same! :)









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A guide to work with Sketch & Framer

Learn advanced prototyping in Framer with Davo:









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Event: "Break into UX" with UX Designers from Coach and TransPerfect (@eBay)

#Events #UX #Beginex

Our friends at Beginex UX Program are on a roll! Don't miss this next event "How to Break into UX" on Tuesday, October 10, 2017 at eBay. Find event and ticket information below 👇









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Responsive images using nested symbols

#Sketch #Tutorials #UIDesign #RWD

You start your designs with one image (low res, un-retouched, unlicensed, etc…) and you (or someone else 😈…) want to then swap it everywhere with another one without having to do it manually…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Light | Camera

#Camera #Photography







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Plugin developer reading list

#Sketch #plugin

There is no course in writing Sketch plugins. For the designer with an ambition to write their own it can seem like a steep learning curve. This is an extremely simple plugin example, which…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Symbol Organizer: Organize your symbols page alphabetically

#Sketch #Plugin #Productivity #Tips

Organize your symbols page alphabetically (including layer list) and into groupings determined by your symbol names.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch “fix styles” plugin

#Sketch #Plugin #productivity

Remove duplicate text and layer styles!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Symbol Organizer: Organize your symbols page alphabetically

#Sketch #Productivity #plugin

Organize your symbols page alphabetically (including layer list) and into groupings determined by your symbol names.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Join SketchApp on Slack! (Unofficial)

#Sketch #Community #Slack







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic: Sketch plugin Sync and Edit (some) elements

#Atomic #Sketch #plugin #prototyping

Sync designs from Sketch with Atomic









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fuse: Fetching JSON - Examples

A tiny example of how to download a JSON file over HTTP, parse it and populate the user interface based on the contents.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Connect Sketch Symbols with their React Counterparts via Storybook

Your dev team has embraced React for front-end development, and adopted Storybook to rapidly build and document components. Your design team, on its part, is using Brand.ai to manage and sync Sketch…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Storybook: React Design Systems Examples

#DesignSystems #Components #React







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Storybook: Carbon Design System & React

#Sketch #DesignSystems #IBM #Storybook #React







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Strorybook: The UI Development Environment You'll ♥️ to use with React

#UIDesign #DesignStystems #FrontEnd #React







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Evolving the Dropbox brand – Dropbox Design – Medium

#Branding #Dropbox

As our mission has evolved from keeping files in sync to helping teams in sync, we realized our brand needs to change, too. Our new brand system shows that Dropbox isn’t just a place to store your…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UX at Scale Virtual Summit

#Webinar #UX #Design

14 free webinars. UX leaders from Salesforce, Atlassian, IDEO, Airbnb, Linkedin, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Learn Framer with Davo (LIVE)

#Sketch #Framer #workshop #Prototyping







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atom: Open Source Text Editor That Rocks

#TextEditor #Development #JS #CSS

GitHub is building the text editor they’ve always wanted (and I already ❤️ it too!) hackable to the core, but approachable on the first day without ever touching a config file. Definitely give it a try!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Diversity Avatars plugin

#Sketch #Plugin #Productivity

Fill your designs with photos of diverse users. Resource for images, avatars, and content.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


11 iOS 11 Features That Apple Didn’t Show Us - YouTube

#iOS11 #Tips #UX

Terry White is here to show us 11 iOS 11 features that didn't get much mention by Apple, but are still really useful and cool. Love the screen capture (stills and videos) for feedback and UX testing and lots more...












Scan & Share
Feed