...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


iBlocks: iOS Wireframe Kit Freebie Projext by Kishore

#Sketch #iOS #Wireframing #UIKits #Free

Great work from a designer in the Dribbble community; your best resource to discover and connect with designers worldwide.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Improve your landing page by learning from the best

#LandingPages #Conversion

There’s nothing like getting the whole team together to create a new home page. Designers, illustrators, marketing, growth and developers all working together. You sprinkle on some SEO, optimise your…









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


Sketch 49: Find and Replace colors everywhere!

#Sketch #Productivity #Tips

Find and Replace Colors in Sketch 😃. “Sketch 49: Find and Replace colors everywhere!” is published by Francesco Bertocci in Design&Prototype









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


How to easily create themes with CSS Variables

#CSS #DesignPatternLibraries #HTML

One of the best use cases for CSS Variables is theme creation. And by that I don’t only mean changing themes for your entire app, as that’s probably not something you need to do very often. What’s…









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


Harmonious Typography and Grids

#Typography #WebDesign

I’m going to outline a process for answering all of those questions, speeding up the time it takes to arrive at consistent typography that matches your grid system, and minimizes thrashing. A…









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


Interaction Flow Kit for Sketch  

#Sketch #Flows #UIKits #Free #UX

The creation of interaction flows is a big part of our process as digital product designers. After many iterations we now have a mind-bending fast way to do all of this in 💎Sketch.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


20 UI Animation Tutorials

#UI #Animations #Tutorials #MicroInteractions

20 Really Useful UI Animation Tutorials Every Designer Should Know









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


Sketch Style Libraries

#Sketch #Plugins #Typography #Productivity #DesignPatternLibraries

Sync layer & text styles from any Sketch Library












Scan & Share
Feed