...



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


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


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


Introducing Quill 2.0 | Oculus Rift Platform - YouTube

#VR #Tools #Oculus

Quill (VR painting and animation tool) gets a major update with a new animation timeline!









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


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


SwiftUI Tutorial: Build a dynamic list app with navigation and images

#iOS #SwiftUI #Dev #Mobile #Free #Tutorials

Ready to get started with SwiftUI? In this tutorial you'll learn how to build a scrolling table of items, how to handle selection, how to create a new screen...









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


🌈 FreeFlow for Sketch (Donate)

#FreeFlow #Donation

We ❤️ building FreeFlow to help you be more efficient with Sketch!
Your support helps us improve FreeFlow, add features as they come along, provide support and keep it up with future Sketch updates.

Thank you for your support!









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


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


Color Safe: accessible web color combinations

#Accessibility #Productivity #Tools #WCAG

Color Safe is a tool to explore beautiful, accessible color palettes for your website based on Web Content Accessibility Guidelines (WCAG).









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! 









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.












Scan & Share
Feed