...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Build your design system like the pros

#DesignSystems #ProductDesign #UIDesign #Videos #InVision

Watch videos of design system pros Brad Frost, Dan Mall, and Josh Clark sharing best practices for product design at scale. Get expert recommendations for improving speed, quality, and consistency with design systems.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing Craft Player

#Sketch #Plugins #Prototyping #Tools #Productivity #InVision

Designers need their digital prototyping tools to evolve with their workflows. That’s why we’re excited to announce Craft Player, the latest advancement in our popular Craft plugin for Sketch users.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


IDEO Design Kit

#HCD #UX #Prototyping #BestPractices

Design Kit is IDEO.org's platform to learn human-centered design, a creative approach to solving the world's most difficult problems.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Everybody scrolls

#UX #UIDesign #BestProactices

Evolve your design too quickly and you’ll leave your users behind. Design too slowly and your users will do the same to you. It’s crucial to keep design practices aligned with the way users really interact with digital products and interfaces. To help, Huge’s UX and research teams are collaborating to test conventional and emerging design and usability standards.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing Padding in Sketch with Anima

#Sketch #Plugins #AnimaApp #UIDesign #Productivity

Anima Toolkit is a Sketch Plugin to convert design to code. It also allows you to use Stacks & Pins for responsive layout, right inside Sketch. Padding means that when you change the content, the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Camilo: our tool and technique for one-click brand change in Sketch 52

#Sketch #Productivity #DesignPatternLibraries #UIKits #UIDesign

A white label global product, with multi-brand support, is a challenge to design. The design process have to consider the problematic of one-size-fits-all for every asset, from typography and…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Introducing the Page Tool

#FramerX #Prototyping #InteractionDesign

Framer X’s powerful new interactive tool lets you design tons of interactions, from simple swipe gestures to 3D numeric pickers.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


440 Free Icons by Catalin Fertu

#UIKits #Free #Icons #Sketch #Photoshop

440 Free Icons designed by Catalin Fertu for BigMug. We've added a solid version for the 220 icons from our previous set. That makes a total of 440 free icons. They are all available in .psd, .eps and .sketch and they are all free for you to use and modify! 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Font Awesome 5 Sketch Icon Library (800+ icons)

#Sketch #Icons #UIKIts

Sketch App free sources, Font Awesome 5 Sketch Library resource, for Sketch App. Font Awesome 5 Sketch Library Sketch file freebie.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Animate your Figma designs with our new Principle integration

#Prototyping #Figma #Principle #Productivity

Today we have some special news that’s been months…perhaps years…in the making. Figma now integrates with the prototyping tool Principle, so you can easily build advanced animations of your Figma…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Supernova: Design to code with CodeX

#Supernova #UIDesign #Handoff #Development

Design and development tool unlike anything you’ve experienced. Always a production-ready code.
#nomoresnippets









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Disinformation, ‘fake news’ and influence Campaigns on Twitter

#Data #DataVisualization #News #Twitter

Knight Foundation commissioned a study to investigate how fake news spread on the platform before, during and after the 2016 US presidential election









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Padding in Sketch with Anima Toolkit  ( Coming Soon)

#Sketch #AnimaApp #Productivity #Plugins

Let’s say you create a button, and it has a background Rectangle behind its icon and text. If you set your button padding for 10px, the Rectangle size will adjust to always be 10 pixels from the button content.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Data Populator Plugin

#UIdesign #Data #Plugins #Sketch #AdobeXD #Productivity

A plugin for Sketch and Adobe XD CC to populate your design mockups with meaningful data. Goodbye Lorem Ipsum. Hello JSON.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


FramerX Store: Discover great high fidelity components to boost your prototypes.

#FramerX #Components #Productivity







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Nuance of Better

#FrogDesign #BestPractices







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Experiments with Google

#Google

Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We're showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fontjoy: Generate font pairings in one click

#Typography #Tools

Fontjoy helps designers choose the best font combinations. Mix and match different fonts for the perfect pairing.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Interview with Mona Patel

#Podcasts #Inspiration #UX







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Use real data in Framer X

#FramerX #Prototyping #Data #UIDesign

Framer always was different from other prototyping tools for many reasons but the major one is real data. I’ll try to show briefly how you can load and use real data in your prototypes. Today we will…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Using the new Data feature in Sketch 52

#Sketch #Productivity #UIDesign

Sketch 52 comes with the ability to instantly populate multiple shapes with images all at once. The same feature can also set the content of multiple text elements. Sketch is preloaded with images of…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Dark Mode, Data, a brand new look and more in Sketch 52.

#Sketch #Releases

Our latest update has landed and it’s one of our biggest yet, bringing Dark Mode, Data, Style Overrides, all new Combined Shapes and a totally redesigned interface to Sketch 52.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Famous: YouTube Channel

#Famous #Prototyping #Dev

Famous Studio enables designers to import their designs from their favorite design tool and turn them into live, immersive experiences published with live an...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer X Course by Design+Code

#FramerX #Courses #Prototyping #React

Design and code components in Framer X. Your components can be the single source of truth. Designers can now collaborate with developers in creating consistent, production-ready components.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sprint Stories

#DesignSprints

Design sprint case studies and lessons from around the world.












Scan & Share
Feed