...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


6 things we learned about animation from Headspace, Google, Lyft, and more | Inside Design Blog

#Motion #BestPractices #UIDesign #UX

Real-world examples of motion design to create successful products from the teams.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sizzy: The browser for developers and designers

#UIDesign #RWD #FrontEnd #QA #HTML #CSS #Tools

Made for designers and developers. Make your life easier and instantly preview your website across multiple devices.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Protopie 4: Free course by Design+Code

#Protopie #Protototyping #Tools #Free #Course #Tutorials

Another free course by Meng To is here. ProtoPie is a cross-platform prototyping tool that creates prototypes nearly as powerful as those made with code, with half of the efforts, and zero code.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Reality Composer: Create Augmented Reality Experiences on your Mac or iOS Device

#RealityComposer #AR #Tools #3D #Apple

The Keynote for AR by Apple seems very promising and very advanced already! It’s called Reality Composer. 

One beloved feature in Keynote, “Magic move”, is not included yet but prototyping AR Experiences is no longer a thing that needs to take weeks, tons of money and specialized skills, but something that any UX/UI designer can experiment with. 

And it’s not only a Prototyping tool. You can then export your AR experience for others to play with or to include in other apps or embed in web sites.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Give it five minutes

#Ideas #Collaboration #Design







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Turn Adobe XD into production apps with Supernova V7

#Supernova #AdobeXD #Sketch #Prototyping #Tools #UIdesign #MobileDev

Supernova can already create interactive prototypes, generate production-ready code from Sketch designs and save dozens of hours for every team or individual out there by making hand-off as seamless…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ProtoPie - Interactive prototyping tool for all digital products

#Protopie #Prototyping #Tools #Interactions #UIdesign

ProtoPie is the easiest tool used to turn your UI/UX design ideas into highly interactive prototypes for mobile, desktop, web, all the way to IoT.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Form design: from zero to hero all in one blog post by Adam Silver

#UX #UIDesign #BestPractices #Tips #Forms #Usability

90% of the problems found in forms solved in a few hundred precious words.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


An abstraction called text styles – How to save yourself from a typographic mess - Reaktor

#CSS #Typography #Productivity #RWD #UIDesign #WebDev

Great tips on updating your knowledge of responsive typography jn CSS! 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Iconclub: Free Icon App - Shaped Fonts

#Tools #Free #Productivity #Icons #UIDesign

We've created a free icon tool for the community to enhance the workflow while creating wireframes or prototypes. Available for Adobe XD, Illustrator, Photoshop, Sketch and many more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A Recipe for Designing Animations—Without Sacrificing Performance

#UIdesign #Motion #Animation #Productivity #Optimization #Sketch #AFX #Lottie #SVGs #Plugins

Last year, Google Chrome celebrated a big milestone, and turned 10. I work on UI design, visual design, and content strategy to continuously improve Google Chrome’s web presence, and in September…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Data visualization Dos and Don’ts

#DataViz #Tips #MaterialDesign







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


See Google's first guidelines for data visualization

#DataViz #Tips #Google

Think of it as Material Design for data visualization. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Accot-Zhai Steering Law: Implications for UI Design

#UIDesign #UX #Usability

Dropdowns, hierarchical menus, sliders, or scroll bars involve steering a pointer or a cursor through a tunnel; optimal design for these GUI elements should consider the Steering Law.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Preview: Sketch to React and Developer-friendly Code. Announcing Anima 4.

#Sketch #React #AnimaApp #Dev #Productivity

Anima is the fastest way from design to production. By converting web design to code, we bridge communication between designers and developers. This results in boosted productivity and…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Build an app with SwiftUI (20% Preorder discount)

#iOS #MobileDev #Tutorials #Courses

Learn how to create beautiful layouts, UI animations and interactions using SwiftUI and Xcode 11. A course for designers and beginners.









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

FitToContent Sketch Plugin (v1.1)

#Sketch #Plugins #Productivity #UIDesign

Sets the size of Symbols, Instances, Text Layers, Artboards or Groups to the size of their contents:

Works with:
👉 Artboards & Master Symbols
👉 Symbol Instances
👉 Groups
👉 Text Layers

✨ For Text Layers it resizes the text box to the correct height based on the line-height value.

📐 Applied to Symbol Instances it resets them to their original size (the Master Symbol’s size).

📂 For Groups it fixes an issue 🤕 where folders don’t match the size or position of their contents!

Enjoy! 












Scan & Share
Feed