...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Accessible Color Palettes

#UIDesign #Tools #Colors #Accessibility

A color palette tool for interface design









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Can't Unsee

#UIDesign #Ganes







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Awwwards: Progressive Web Apps The future of Mobile Web

#Mobile #UX #UIDesign #PWAs #eBooks #iOS #Android

In recent years, mobile usage has risen to the point where people now spend twice as much time on mobile devices as they do on desktop, and in many countries...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer X15: Our Biggest Release To Date

#FramerX #UIDesign #Prototyping

Delivering pro performance with an all-new infinite canvas, smooth zoom, seamless graphics scaling and over 150 stability fixes:
https://framer.com/blog/posts/introducing-framer-x15/









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Versions: Git for Designers

#UIDesign #Collaboration #Versioning #Handoff







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Building Brand Loyalty and Reducing Anxiety with UI Animation

#Motion #Animation #UIDesign #UX #BestPractices

A look at the most common anxiety causing micro-interactions and animations that can turn them into moments of delight. Then we’ll show you how to create one of these animations using Sketch and Flow.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Flow: A new class of motion design for mobile and web

#FlowApp #UIDesign #Motion #Animation #Dev #Prodyctivity #iOS #HTML

Go beyond prototyping. Flow lets you animate designs and export development ready code









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Kopie: Copy editing for web and product design

#Tools #Collaboration #Productivity #UIDesign #WebDesign

A better way for designers and writers to work together. Sign up for Kopie and get your team on the same page.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Everything you need to know about skeleton screens

#UX #UIDesign #Motion #BestPractices

Years ago, I wrote about Designing for the Appearance of Speed, outlining some impetus and methods for creating the illusion of short page load times in apps and on the web. Shortly after that…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Build your design system like the pros

#DesignSystems #ProductDesign #UIDesign #Videos #InVision

Watch videos of design system pros Brad Frost, Dan Mall, and Josh Clark sharing best practices for product design at scale. Get expert recommendations for improving speed, quality, and consistency with design systems.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Everybody scrolls

#UX #UIDesign #BestProactices

Evolve your design too quickly and you’ll leave your users behind. Design too slowly and your users will do the same to you. It’s crucial to keep design practices aligned with the way users really interact with digital products and interfaces. To help, Huge’s UX and research teams are collaborating to test conventional and emerging design and usability standards.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing Padding in Sketch with Anima

#Sketch #Plugins #AnimaApp #UIDesign #Productivity

Anima Toolkit is a Sketch Plugin to convert design to code. It also allows you to use Stacks & Pins for responsive layout, right inside Sketch. Padding means that when you change the content, the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Supernova: Design to code with CodeX

#Supernova #UIDesign #Handoff #Development

Design and development tool unlike anything you’ve experienced. Always a production-ready code.
#nomoresnippets









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Data Populator Plugin

#UIdesign #Data #Plugins #Sketch #AdobeXD #Productivity

A plugin for Sketch and Adobe XD CC to populate your design mockups with meaningful data. Goodbye Lorem Ipsum. Hello JSON.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


3 Creative Concepts of Mobile Tab Bar Navigation

#UX #UIDesign #Mobile #Intearctions #BestPractices

When it comes to selecting a pattern for the primary mobile navigation, product designers usually choose between two options — side drawer (also known as a hamburger menu) and tab bar. Both…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Google Design: Designing the Future of Work

#UIDesign #UX #AI #ProductDesign

At Google Cloud my job is to reimagine enterprise — the tools we build and how we design them. Traditional enterprise products don’t reflect how people work — our pain points, our tasks across the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Animista: CSS Animations Collection

#CSS #Animations #Productivity #HTML #UIDesign #UX #Prototyping

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Hacking user perception to make your websites and apps feel faster

#UX #UIDesign #Animations #BestPractices

Ever wondered why when you call up a utility company and you are put on hold, they play music? Consider how you would feel if there was no music, just dead silence. CNN ran a survey that showed 70…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma 3.0

#Figma #UIDesign #Prototyping #Collaboration

Desktop-based design can come with a hefty price. Teams spend their days managing a Frankenstein workflow: Which prototype has stakeholder comments? Is the style guide up to date? Are we all working…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to do an Unsolicited Redesign That People Care About

#CareerAdvice #UIDesign #UX #Portfolios

When an aspiring designer asks me how to build their portfolio, I always say to redesign something and write about it. Redesigns are often frowned upon because so many people do it wrong. But there’s…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Control a UI with your eyes and ARKit

#UIDesign #ARKit







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Theme Editor Home - Material Design

#Sketch #Plugins #MaterialDesign #UIDesign #UIKits







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch style libraries

#Sketch #Plugins #DesignPatterLibraries #UIDesign #Productivity

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Bottom and Top-Right Pinned Menus using Anima App

#Sketch #UIDesign #Tips #AnimaApp

At the moment the only way in Sketch to make an Updatable Bottom and Top-Right Pinned Menus using Anima App is to “hack it”. (If you landed here it’s probably because you tried it before and didn’t really work fo you… It was a problem for me too, hence this hack 🤪)

Get the sample file or read below:
  1. Apply a 180 degree rotation (Transform) to the stack



Apply a 180 degree rotation

AND to the actions/elements in the stack (Visually it will look the same as your original menu.)



2) Make sure to pin your stacks (bottom or top right)



Pin your stack or symbol (bottom like above, or top right)

It works with normal stacks and with stacks inside symbols. Same hack for right aligned menus.



Tricky but does the job! :)

👉 Here you can download a sample file.

Let me know if you have any questions.

Ciao!
Francesco









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Long Awaited Sketch for Windows Comes From an Indie Team

#Sketch #Lunacy #UIDesign #Windows #Tools #Free

There’s a new software called Lunacy which is an extension of the Sketch platform for the billions of Windows users. Lunacy is a full-fledged editor which has following unique features: Design…












Scan & Share
Feed