...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Tutorial: “From Sketch to iOS & Android — the no code way” by Juan Maguid

#Sketch #ios #android #tools #workflow #productivity

What if you could go from Sketch to iOS & Android without writing a single line of code? Actually, you can. 🥳 Just check out the video below first, seeing is believing my friends. 😺👇 The answer…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Product Design Playbook – UX Collective

#UX #ProductDesign

At the time I’m writing this post, I’ve been a full-time product designer for ~3 years, though my overall professional career is closer to ~8 years. Every couple of months I would sit down and…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


7 guidelines for writing accessible microcopy

#Writing #UX #Accessibility

How does your microcopy sound on a screen reader?









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Use a Google Spreadsheet as your JSON backend

#JSON #Prototyping #GoogleSpreadsheet

When writing a simple web app or prototyping something, you may want a quick and simple way to store, edit and retrieve data.

Let's say you write a simple blog and don't want to build a backend to write, edit and store your posts - but you want to conveniently consume this data as JSON - then Google Drive helps you with that.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Plugin developer reading list

#Sketch #plugin

There is no course in writing Sketch plugins. For the designer with an ambition to write their own it can seem like a steep learning curve. This is an extremely simple plugin example, which…









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


Interplay: Digital Product Design using real (coded) components!

#DesignSystems #Components

Components in Design Systems and pattern libraries are helping Design scale consistently across organisations.

Frontend frameworks such as React, Angular and Vue make writing component code a breeze.

Yet it feels like our existing prototyping tools haven’t kept up - linking static images together can never describe the rich user experiences available in code.

What if we could design and prototype directly with our code components?









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Go Even Faster from Sketch to HTML – Design + Sketch – Medium

#Sketch #Plugin #Launchpad

On our mission to empower designers, we are continuously pushing the envelope on what designers can achieve without writing code. We’re continuously getting great feedback. One of the issues that…












Scan & Share
Feed