...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design systems fireside chat | DesignTalks

#DesignSystems #Chat #AtomicDesign

Brad Frost, Jina Anne, and Marco Suarez go inside design systems—hosted by Aarron Walter









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Understanding Flexbox: Everything you need to know

#CSS #Flexbox #UIDesign

This article will cover all the fundamental concepts you need to get good with the CSS Flexbox model. It’s a long one, so I hope you’re ready for it. If you prefer to read the entire tutorial in a…









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 Shop: T-Shirts

#Sketch #Tshirt #Charity

Buy Sketch t-shirts and merchandise. All profits from the Sketch Shop go to charity.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to speed up your Rails app with Cloudfront

#Rails #Dev #Amazon #Cloudfront #S3 #performance

A common trick I use with client work to speed up asset delivery is use cloudfront as an asset host. I'm surprised this technique isn't in more widespread use as it reliably makes for snappier user experiences, especially users with a fresh cache.
This guide assumes you're using the Rails asset pipeline to package and serve your assets. If you're not using the asset pipeline, whatever solution you use to achieve the same result will need to fingerprint asset filenames with some sort of unique identifier for it to work smoothly with Cloudfront or a CDN like it.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Flow Beta: Animate from Sketch files and export Native Code

#Sketch #Flow #Motion #Animation #MobileDev

Flow is a motion-design tool for animating Sketch files and eliminating the most painful parts of hand-off in app development. It bridges the gap between design and development by generating native…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to create floating Sketch plugins, part I

#Sketch #Dev #Plugin #Tutorial

A little show and tell on creating a Sketch plugin.









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


Video Course: Get ahead in UI/UX Design - learnux.io

#OnlineCourses #Sketch #Framer #Prototyping







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


Sketch Symbols Manager Plugin ($1 Off Special)

#Sketch #Plugins #Deals

A fast and easy way to manage all your symbols. No more hassle with long and complex symbols name, or renaming tons of symbols because you misspelled a folder name. Keep your symbols clean and tidy. What you can do. Easily rename symbols and symbol folder, Drag and drop your symbols from to folder to folder, Create new folders. See how it works. https://www.youtube.com/watch?v=bkBTQHVpups&feature=youtu.be









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


10 Non UX Books That Will Help You To Become A Better UX Designer

#UX #Books #Career

A list of great Non UX books that will help you to boost your skills and knowledge in the user experience field.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


VR Prototyping with Marvel - Marvel Blog

#Marvel #VR #Prototyping #Sketch







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Adobe XD CC

#AdobeXD #UIDesign #Prototyping

Today we announce the 1.0 release of Adobe XD. Since the first beta release, we have been laser-focused on building a solution that enables fast-paced, iterative design.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Professional Graphic Design Software - Free & Paid








Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Affinity Designer: Professional graphic design software

#AffinityDesigner #Vector #Tools

Affinity Designer: the fastest, smoothest, most precise professional graphic design software.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Inkscape: Draw Freely

#Inksacpe #Vector #Tools #Free

Inkscape is professional quality vector graphics software which runs on Linux, Mac OS X and Windows desktop computers.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma: Team Library 1.0

#Figma #UIDesign #Libraries #Collaboration

We’re excited to announce Team Library 1.0, which empowers teams to create, use and maintain design systems. We introduced the beta version in February, and since then we’ve talked to hundreds of…









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


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


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.












Scan & Share
Feed