...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Maze: Analytics for your InVision prototype.

#Analytics #Prototyping #InVision

Create missions testers will perform on your InVision prototype and discover how your product’s design can be improved, with 0 lines of code.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Consistent Design Systems in Sketch With Atomic Design and the Auto-Layout Plugin

#Sketch #DesignSystems #BestPractices #AnimaApp #Autolayout

Do you design digital products (or websites) and hand design files off to developers for implementation? If you answered yes, settle in! While the should-designers-code debate rages on, we're going to look at how adding a methodology to your design workflow can make you faster, more consistent, and loved by all









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Resources, links, references and articles on Design Systems

#DesignSystems #DPLs #Teams

Every company — big and small — is building or planning on building a design system for its SaaS offerings. It makes sense. Having a design system in place is an important step for scaling your…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Good to great UI animation tips

#UIDesign #MicroInteractions #Animations #UX

Let’s see some examples of UI animations going from good to great. With a little bit of tweaking here and there, you can elevate your UI patterns with animation. The interactions listed show…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


7 Practical Tips for Cheating at Design

#UIDesign #Tips

Every web developer inevitably runs into situations where they need to make visual design decisions, whether they like it or not. Maybe the company you work for doesn’t have a full-time designer and…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


10 cheat codes for designing User Interfaces

#Sketch #UIDesign #Tips

I’d probably assume that most of us started in UI design with the littlest knowledge or nothing at all. But even though the odds were against us at the start, we managed our way through numerous…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Previewing prototypes in Sketch Mirror & Sketch Cloud

#Sketch #Prototyping

Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Mockup Club: Best Free Mockups

#Sketch #Photoshop #Figma #Free #Resources #Productivity

A directory of the best free design mockups for Photoshop, Sketch, Figma and InVision Studio.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma Dark UI: A Chrome Extension by Paper Tiger Agency

#Figma #UIDesign #Productivity #ChromeExtension







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Consolidating Design Systems

#DesignSystems #DPLs #UIDesign

An enterprise usually has many concurrent design systems. Separate groups chart paths loosely aware or even willfully ignorant of what others do. Many systems isn’t necessarily bad. Different…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Prototyping, Libraries on Sketch Cloud and an official iOS UI kit in Sketch 49

#Sketch #Announcements #Libraries

The latest update introduces Prototyping, the ability to subscribe to Shared Libraries on Sketch Cloud, and a built-in Apple UI Design Resource. Find out more in the full blog post.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Prototyping inside Sketch 49: How it works and what you can do 🔥🎉🚀

#Sketch #Prototyping

Over the years Sketch’s amazing third-party developer community has made Sketch an incredibly extensible design toolkit. As a result, we can enjoy dozens of great companion products and prototyping…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma prototyping: now with transitions

#Figma #Prototyping

Design involves far more than just the designer these days. Engineers, marketers, project managers, and other stakeholders collaborate until the best product emerges. To do this efficiently, teams…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Workflow: 8 point Soft Grids

#Grids #UIDesign #Workflows #Articles

I wanted to share my Sketch workflow designing on an 8 point soft grid. If you are not familiar with this concept please read Bryn Jackson’s great article on 8pt Grids first. I have a fairly unique…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Bootstrap UI Kit for Sketch

#Sketch #UIKits #Free #Productivity #Bootstrap #UIDesign

This super useful Bootstrap design system for Sketch was designed and shared by the Thorgate team. I hope you enjoy!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


THE LOOP: a documentary on IBM design thinking

#DesignThinking #Documentary #UIDesign

InVision presents THE LOOP, a short documentary on IBM's enterprise design thinking transformation, featuring candid interviews with design leaders.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Facilitator’s Handbook: 23 Design Sprint Tips

#DesignSprints #BestPractices #ProductDesign

Here are some things I think about when I facilitate a design sprint. Lots of what goes into facilitation I can’t explain—like anything, you just do it, gain experience, and get better over time. But…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma: A Fluid and Modular Design Approach to Typography with Components

#Figma #Typography #Components #AtomicDesign

One of the main concern for designers during the making of an adaptive or responsive UI is text management. The vast majority of the components built on a system are made using text elements. The…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Paddy Buttons: Symbols that auto resize based on content

#Sketch #Plugins #Paddy #Productivity #UIDesign #Tutorial

We all make buttons. They are everywhere in our site and application designs. In Sketch, there is really no easy way to handle buttons. Once you have made one, you are good until you have to make the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gartner Design Pattern Library

#Portfolio #DesignPatternLibraries #UX







Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Workshop: Mastering Sketch (Early Bird - May 3rd)

#Sketch #Workshop #NYC #Advanced

This workshop is for for anyone that has already working experience with Sketch and would like to improve or master it.

You'll be learn about resizable Symbols, Plugins, Pattern Libraries and more.

Agenda (3hrs):
– Sketch’s UI: Shortcuts and plugins for navigating folder structures and organizing layers and artboards.
– Styles: Text and Shapes (import/export to share with others)
– Advanced Symbols: How to create nested symbols for creating Design Pattern Libraries (DPL) using Atomic Design principles
– Practical tips for DPLs (lessons learned)
– Managing projects and symbol libraries with Abstract or Kactus
– Naming conventions and exporting (including exporting to SVG)
– Plugins: Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout, Launchpad and more)
– Anima's AutoLayout: building responsive layouts, grids, tables and more.

Time and Date:
– 4:30pm to 7:30pm
– May 3rd 2018 (spread the word and you both get $10 off!)

Location:
Manhattan, NY. The exact location to be announced 3-4 days prior to the workshop.

Please note:
– Bring your laptop to follow along and pre-install Sketch 48 or higher (Free trial).
– Each workshop is tailored to needs and pace of the group.
– We require at minimum of 5 attendees, so spread the word! Max 10 students per event.
– Refunds: You can request a refund or save a spot for the following scheduled date. You can cancel anytime up to 48 our prior the event. 

Questions?









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


You’re not the user: 5 things I learned from using Hotjar for a year

#UX #ProductDesign #Hotjar

Hotjar is an all-in-one Analytics and Feedback tool that makes it easy to truly understand your web and mobile site visitors. As the UX designer in an online travel agency, I relied majorly on Hotjar…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Free Resources

#Framer #UIKits #Prototyping #Free

Download our free UI elements and kits to easily start your next design project, or learn Framer with online courses and an e-book from the community.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic UI Pattern Library Sketch freebie

#Sketch #AtomicDesign #UIKits #DesignPatternLibraries #Free

Atomic UI Pattern Library resource, for Sketch App. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gust + Platform Re-Design DPL

#Portfolio #DesignPatternLibraries #UX










Scan & Share
Feed