...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Mastering Interaction Design through Craft, Productivity and Workflow

#UI #UX #IXD #Interaction #MotionDesign

As UI design gets more interactive, new skills and faces emerge to give us a lesson on how to get animations and movement right when creating delightful screens for rather little devices. To…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch plugin to selects similar layers

#Sketch #Plugin #Productivity #Tips

A Sketch plugin that selects layers with the same fill or border color.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Product Design Sprint: 3 day structure (PDF)

#ProductDesign #Process #UX #Collaboration #Startups #Lean

A design sprint is a framework for answering critical business questions through design, prototyping, and testing ideas with users.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Lean Startup: How Today's Entrepreneurs Use Continuous Innovation to Create Radically Successful Busine...

#books #UX #Product #Lean #Startups

Most startups fail. But many of those failures are preventable. The Lean Startup is a new approach being adopted across the globe.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days

#books #UX #Product #DesignSprints

Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days by Jake Knapp, John Zeratsky, Braden Kowitz.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Hooked: How to Build Habit-Forming Products

#books #UX #Product

How do successful companies create products people can’t put down? Why do some products capture widespread attention while others flop? What makes us engage with certain products out of sheer habit? Is there a pattern underlying how technologies hook us? Nir Eyal answers these questions (and many more) by explaining the Hook Model—a four-step process embedded into the products of many successful companies to subtly encourage customer behavior. Through consecutive “hook cycles









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing InVision Design System Manager (DSM)

#DesignSystems #Libraries #InVision #Sketch #Collaboration

InVision DSM makes it possible for every product team to create and maintain a design system at scale—allowing teams to maintain a consistent user experience across every digital interface.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design Sprint Kit

#Design #UX #Product #DesignSprint

A design sprint is a five-phase framework that helps answer critical business questions through rapid prototyping and user testing. Sprints let your team reach clearly defined goals and deliverables and gain key learnings, quickly. The process helps spark innovation, encourage user-centered thinking, align your team under a shared vision, and get you to product launch faster.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Slite, the note app for teams

#Collaboration #Productivity #KnowledgeBase

Get your team on the same page. Slite is the collaborative note taking app built for teams: write and share your team's knowledge, meeting notes, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Generate a sheet of symbol instances from your current document or Library

#Sketch #DesignSystems #Productivity #plugin

Generate a sheet of symbol instances from your current document or a library.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Select invisible layers on current page in Sketch

#Sketch #Plugin #Productivity #Tips

Select invisible layers on current page in Sketch









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


Facebook's VP of Product on Mastering Focus and Intentional Work | First Round Review

#ProductManagement #CareerAdvice #Facebook #productivity

Facebook VP of Product Fidji Simo shares tactics to master focus in a world where possibilities are endless and the stakes are high. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Marvel: New Sketch Plugin, Sync designs. Play prototypes. Record flows.

#Sketch #Marvel #Prototyping #Productivity

Turn sketches, mockups and designs into web, iPhone, iOS, Android and Apple Watch app prototypes.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Facebook acquires App Store’s #6 app 💰

#Facebook #TBH #Acquisitions

You’re not alone — the app has barely been around. tbd is where your friends tell you what they really think, anonymously. But unlike similar apps of its kind, tbh is all about relentless positivity…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch to React Native Plugin

#Sketch #React #Plugin #Productivity

Convert Sketch files into React Native components









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Library Symbol Replacer

#Sketch #Library #Plugin #Productivity

Replace symbols in the current document with symbols from a Library.

Sketch 47 sees the introduction of Libraries, but migrating existing files to use Library symbols is one of the first big headaches. This plugin aims to help with that by allowing you to replace symbols in the current document with symbols from a Library document - maintaining overrides where possible.

N.B. the plugin currently uses symbol name to work out what to replace with what, so be careful of any conflicts.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design Systems vs. Pattern Libraries vs. Style Guides - What's the Difference?

#DesignSystems #PatternLibraries #StyleGuide

Design System – the complete set of design standards, documentation, and principles along with the toolkit (UI patterns and code components) to achieve those standards.
Pattern Library – A subclass in the design system, this is the set of design patterns for use across a company.
Style guide – Another subclass in the design system, this static documentation describes the design system itself: how products should look and feel, use cases for UI patterns, correct typographic scales, etc.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma 2.0: Now with Prototyping and Developer Handoff

#Sketch #Figma #Photoshop #UIDesign #handoff #Dev #mobile

Big news in the Figma house today — we’re excited to finally unveil Figma 2.0. It’s an expanded version of the product you love (or at least like a lot, right 😉?) with significant new features…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sympli: Bring digital products to life faster and easier.

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile

Design handoff, implementation, and collaboration for web and mobile product teams. Sympli works with Photoshop, Sketch, Android Studio, and Xcode.









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


ImageOptim plugin for Sketch app

#Sketch #ImageOptimization #Productivity







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


ImageOptim: Optimize image for the web

#Productivity #UIDesign










Scan & Share
Feed