...



Francesco Bertocci

Customer Success Manager & Ambassador

Profile image

Francesco Bertocci

Customer Success ...


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

Customer Success ...


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

Customer Success ...


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

Customer Success ...


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

Customer Success ...


Smart Layout in Sketch 58: Navigation & Dropdown Menu Tutorial by Silvia Bormüller

#Sketch #SmartLayout #Tutorials #UIDesign #Productivity

“Smart Layout in Sketch 58 is damn powerful, there is a lot you can do with it. In this article I’d like to show you how to set up Smart Layout for your Navigation & Dropdown Menu design.”









Profile image

Francesco Bertocci

Customer Success ...


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

Customer Success ...


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

Customer Success ...


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

Customer Success ...


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

Customer Success ...


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

Customer Success ...


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

Customer Success ...


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

Customer Success ...


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

Customer Success ...


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

Customer Success ...


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

Customer Success ...


An ultimate guide to designing user-friendly forms

#Forms #UX #UIDesign #Usability

An ultimate guide to designing user-friendly forms 









Profile image

Francesco Bertocci

Customer Success ...


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

Customer Success ...

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

Customer Success ...


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

Customer Success ...


Design Systems articles on building and maintaining design systems

#DesignSystems #UIDesign #BestPractices #Productivity #Figma

A Figma publication for design systems creators, designers, developers, and managers









Profile image

Francesco Bertocci

Customer Success ...


Most desired skills for UX/UI Designers

#JobHunting #UX #UIDesign #Sketch

See the data-driven rating of tech skills for designers, made by CV Compiler. What technical skills do you need to get a designer job in 2019?









Profile image

Francesco Bertocci

Customer Success ...


How to Build the Perfect Mobile Landing Page

#Optimization #Conversion #LandingPages #Mobile #UX #UIDesign #Copywriting

When it comes to mobile landing pages, every second counts. Don't miss out on potential conversions. Follow these tips to build the perfect mobile landing page.









Profile image

Francesco Bertocci

Customer Success ...


Guide to Material Motion in After Effects

#UIDesign #AFX #MaterialDesign #Animation #Motion

A basic sticker sheet and workflow for animating user interfaces









Profile image

Francesco Bertocci

Customer Success ...


FramerX: Page Tool - Custom Properties - YouTube

#FramerX #UIDesign #Prototyping #Productivity

In this short video, find out how to customize everything about your page components in the Framer X properties panel—from sliding direction and padding to momentum and dynamic effects.









Profile image

Francesco Bertocci

Customer Success ...


Measuring the Impact of a Design System – Cristiano Rastelli – Medium

#DesignSystems #Components #UIDesign #Development

A story about how it’s possible to visualise the (positive) impact of a design system using git-log to extract data about changes in a codebase and D3.js to draw them along a timeline.












Scan & Share
Feed