...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Defining Product Design: A Dispatch from Airbnb's Design Chief | First Round Review

#ProductDesign #Process #Inspiration #Articles #Airbnb

Airbnb VP of Design Alex Schleifer shares how design can become a more intentional, integrated discipline — and why it must be in order to better build products. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Our 6 Must Reads for Building and Leading a Product Design Team | First Round Review

#ProductDesign #Process #Inspiration #Articles

A well-thought-out design team often accompanies enduring product design. Here are six pieces of advice to help you build and lead a design team from the sole designer to a larger design organization. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gravit Designer: Mastering Symbols and Anchoring

#GravitDesigner #UIDesign #Free #Tools

In this article we will teach how to use and master Gravit Designer’s Symbol and anchoring features. A Symbol is a component created in Designer, that can be re-used indefinitely.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketchtool export artboard vs. auto layout plugin - Sketch Developers

#Sketch #Anima #Zeplin #Workaround

The plugin changes the way Sketch renders layers on runtime, and since SketchTool does not load plugins, it just renders layers how Sketch itself would do if AutoLayout wasn't installed.

There's a workaround in AutoLayout (find the 'Prepare for Export' menu option) that basically flattens the render and copies the content to a new document.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Be a Part of the First Propelify Humanity Challenge

The reason so many of us pursue entrepreneurship and technology is not to pursue a fortune, but to realize our purpose and to make a lasting positive impact on the world. The ethos of our name, Propelify, is to represent our community of those who take action, propelling ideas into reality. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Anima Launchpad: Responsive Website Template and Animate on Scroll

#Sketch #Animatio #Anima #Launchpad

We’ve introduced MyPortfolio.design last week, a free place for designers portfolio. To get you started faster, we’re releasing this freebie sample of a portfolio. First, If you haven’t tried it…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


26 Steps of Product & Dashboard Design – Design + Sketch – Medium

#ProductDesign #Process #Inspiration

For the last four years I have continued to design dashboards and applications and I have learnt how to deal with different departments, and utilise their knowledge in order to make product designs…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Comparing Two Raster Image Compression Plugins for Sketch App

#ImageOptimization #UIDesign #Productivity

Back in the early days, a Sketch designer typically had to export uncompressed PNG or JPG images from Sketch and then choose a means for compressing those files (if desired) using a 3rd party utility…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


GitHub - margusholland/Comma: Sketch plugin for text modifications

Select text layers, layer groups or artboards to change the text. 

The following commands are available:
  • Change text to Lowercase, Uppercase, Title Case and Sentence Case
  • Change three consecutive periods to ellipsis
  • Add a single space after every punctuation character (.,?!:;)
  • Replace all double spaces with single spaces
  • Replace all double line breaks with single line breaks
  • Show character and word counts









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Flat Design: Why you should question Nielsen Norman’s research on the trendy design style.

#UX #UIDesign #UXResearch

The Nielsen Norman Group is probably the most influential usability consultancy in the design industry. So, when they publish an article about their research findings titled “Flat UI Elements Attract…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Libraries & Abstract: Per-project Libraries

#Sketch #Abstract #DesignSystems #Productivity #plugin

This morning Sketch released a new feature called Libraries, and we’re excited to support this new design workflow on the first day it’s available. Update Abstract to get started! Libraries are the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Design Guide importing from Sketch, Figma or Photoshop

#Framer #Sketch #Figma #Photoshop #Prototyping

Working in Sketch, Figma or Photoshop? Framer offers a fully integrated import workflow, so you can go back and forth as many times as you need. Currently, you can only import a design into Code to start animation.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic: Advanced user input and editable form elements

#Atomic #Prototyping

Atomic currently supports three types of form elements: text inputs, text areas and dropdown menus. Form elements let you capture input from users, and can be linked to variables in order to achieve form validation and other complex manipulation using script expressions. Form elements can also be animated, the same way other elements are animated.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Must Have Sketch Plugins

#Sketch #Plugin #Productivity #Tips

I get this question very often... "What are the best Sketch plugins?" so I started a list. These are plugins I use on a daily basis... there are a ton of other plugins, but without these my (designer) life would not be the same! :)









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Responsive images using nested symbols

#Sketch #Tutorials #UIDesign #RWD

You start your designs with one image (low res, un-retouched, unlicensed, etc…) and you (or someone else 😈…) want to then swap it everywhere with another one without having to do it manually…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Connect Sketch Symbols with their React Counterparts via Storybook

Your dev team has embraced React for front-end development, and adopted Storybook to rapidly build and document components. Your design team, on its part, is using Brand.ai to manage and sync Sketch…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Event: UX Research Best Practices with UX Manager from Kaplan

UX Research Best Practices with UX Manager from Kaplan @ Starta Accelerator
Thursday, September 28, 2017, 6:30 to 9:00 PM
User research is what can often determine whether a product is able to gain and retain users and get any traction. Want to learn more about user research best practices from an expert with years of UX experience at companies like IBM, Shutterstock and Kaplan? Join this event we are running in collaboration with Starta Accelerator. 

Details and registration 👇









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Beginner’s Guide to Writing Sketch Plugins Part 1 — Getting Started

#Sketch #Plugin #productivity

So you want to start writing Sketch plugins, but have no idea where to start? Well keep reading because this article is for you! If you’re like me, trying to find basic concepts out there is not easy…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How we built our first full-stack JavaScript web app in three weeks

#Dev #Prototyping #Firebase

My three months of coding bootcamp at the Grace Hopper Program have come to a close, and the title of this article is actually not quite true — I’ve now built three full-stack apps: an e-commerce…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Eureka | Elegant iOS form builder in Swift

#iOS #Swift

Eureka an iOS form builder in Swift made with love by Xmartlabs.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Interactive Design & Collaboration Tool

#Framer

Framer is the best way to create interactive designs from start to finish. Design from scratch and then easily turn your work into high-fidelity prototypes. Used by Facebook, Google, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


52 Research Terms you need to know as a UX Designer

#UX #Research

Having written the article 53 Tech Terms You Need to Know as a UX Designer it made sense to add research terms into the mix. I’ve put together an A-Z list of research words with explanations in plain…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Design Guide to Winning Developers' Hearts. Part 1: Use Lottie – Prolific Interactive

#Animation #mobile #plugins #AFX #handoff







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Library Inception for Projects and Design Systems

#Sketch #DesignSystem #UIDesign #BestPractice

Last week Sketch released Libraries in their 47 Beta, my number one dream feature and something I had a chat with Megan Raddatz about in the comment section of one of my articles from last year…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Readability: the Optimal Line Length - Articles - Baymard Institute

#UX #Usability #Typograpghy

In order to avoid the drawbacks of too long and too short lines, but still energize your readers and keep them engaged, we suggest keeping your text within the range of 50-75 characters per line.












Scan & Share
Feed