...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


“DesignOps’ Toolbox” by Patrizia Bertini

#DesignOps

If we look back at the past 25 years, one of the biggest changes is the transformation of the role of the designer and the positioning of design as a business discipline. With the spreading of Design…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Why You Shouldn’t Use Your Brand Color on Buttons | by UX Movement | Sep, 2022 | Medium

#UX #UI #Accessibility #Branding

Many apps use their brand color on their call-to-action buttons. Doing this may seem like a harmless act of branding, but it can actually hurt the user experience. Brand-colored buttons can lead to…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Creating the Car of the Future With ProtoPie

#Prototyping #UX

“How ELEXIR and Centigrade use ProtoPie to push the boundaries of automotive innovation.”









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design+Code: Build a SwiftUI app for iOS 15

#SwiftUI #Courses #ios15 #mobile #apps

Design and code a SwiftUI 3 app with custom layouts, animations and gestures using Xcode 13, Concurrency, Searchable and a whole lot more









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Inside IKEA’s Digital Transformation

#Ikea #Design

“The question then became; how do we express these in the digital environment? And this led to the notion of human-centric technology. How to embed ethical behavior, respect diversity, how to treat people fairly — without bias — through technology. This means that we are focusing more on what we should do with data, rather than what we could do with data.”









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Free Guide: Giving a damn about accessibility

#Accessibility #Books #Audiobook #A11y

To celebrate and contribute to Global Accessibility Awareness Day, we at the UX Collective have partnered with our most prolific accessibility writer, Sheri Byrne-Haber, CPACC, to bring a more candid take on the topic.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Anima Blog: Announcing Smart Styleguide

#Sketch #Plugins #Handoff #Anima

Automatically generated Styleguide written in CSS.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Everyday Experiments

#Ikea #AR

How will tomorrow’s technologies redefine the way we live at home? 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Plugin: 🌈 Layer to CSS

#Sketch #Plugins #Productivity #UIDesign

Select a layer and export position size and properties of any layer.

Bonus:
For shape and text layers it will export also the standard CSS properties.










Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Real-time Collaboration Preview and 2020 Features Recap

#Sketch #Collaboration #Announcements #BigSur #M1 #Video #Privacy

Super excited about real-time collaboration in Sketch! Here's a detailed preview about what’s changing and what's around the corner. We have invited our Product Manager Glòria Langreo for a special invitational event together with Pieter the Co-founder, Nico, Sam, Francesco and Medet. 🌈









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The best keyboard shortcuts to get started with Sketch

#Sketch #Productivity #UIDesign #Shortcuts

Our quick guide to the best Sketch shortcuts that designers use every day









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Eating our own dogfood: how research and testing works at Sketch

#Sketch #Dogfooding #UX #Research #ProductDesign

An inside look at how we approach new features and updates









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Accessibility is our responsibility

#Accessibility #UX #UIdesign #BestPractices

Did you know that perfectly healthy people with great sight, hearing and mobility, who can read and write effortlessly, can multitask effectively and who are fully functional all of the time make up…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Software & Hardware Integrated Prototyping for Beginners

#Protopie #Prototyping #Arduino #Hardware

A step-by-step guide to getting started with Arduino & ProtoPie. Learn how to make your first software and hardware integrated prototype in only a few steps.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Remote working live Q&A with Sketch cofounders

#Sketch #Events #Remote #Collaboration

We’ll be live on Wednesday 25 March at 4PM CET (Central European Time).You can can tune in and watch the session on YouTube (be sure to subscribe to our channel to get a reminder right before we start).









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Productboard: Product Management Software

#ProductManagement #Tools #Feedback #UX

The product management system that helps you understand what users need, prioritize what to build, and rally everyone around your roadmap.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


New Smart Layout controls, better document saving and more — what’s new in Sketch?

#Sketch #Releases #SmartLayout

After an exciting end to 2019, we’re kicking off the year with an update to the Mac app. It’s packed full of bug fixes, improvements and a handy new upgrade to Smart Layout. Here’s what’s new in…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Docs: From Basic to Advanced (Courses, Resources, Plugins)

#Sketch #Docs #Tutorials #Courses #Plugins

This documentation is your Sketch reference manual. No matter how experienced you are or what you want to achieve, it should cover everything you need to know — from navigating the interface, to making the most of different features.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


FitToContent Sketch Plugin (v1.2)

#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). If you are using Smart Layout and overrides it will "shrink to fit" the instance.

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


Sketch Plugin Monster: A Sketch plugin for managing all plugin shortcuts.

#Sketch #Plugins #Productivity #UIDesign #Shortcuts

A Sketch plugin for managing all plugin shortcuts! Easily import and export settings too!

Features:
  • Manage plugin shortcuts
    • Detect and highlight conflicting shortcuts
    • Set or clear shortcut for any command of Sketch plugins
    • Not allowed to set shortcuts that conflict with Sketch or other plugins
    • Display conflict details
    • Filter commands which use specific shortcut keys
    • Import and export shortcut configurations
    • Search any command or plugin through keywords
  • Multi-language support









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Designing accessible color systems

#Accessibility #Color #UX #UIDesign

How we designed a color system with hand-picked, vibrant colors that also met standards for accessibility and contrast. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A System Built on Parity - Tap to Dismiss - Medium

#UIDesign

My dad bought my first smart phone, an HTC Droid Eris, in 2009. We went to Best Buy and instead of looking up anything technically significant about the phones, I picked the Eris because it had a…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Stash: Free Sketch resources, redefined.

#Sketch #Tools #Plugins #Productivity #Resources

Free Sketch resources, redefined. Import artboards directly to Sketch.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: The Official Place to Learn Framer

#Framer #Prototyping #Tutorials #Videos

“Learn is a brand-new section with videos, written guides, and more designed to help you become a Framer expert.”









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch guides: Smart Layout - YouTube

#Sketch #Tutorials #SmartLayout #Videos

“Get an overview of how Smart Layout can supercharge your Symbols and turn them into reusable, responsive components that resize to fit their content.”












Scan & Share
Feed