...



Francesco Bertocci

Sr. Product/UX/UI Designer

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


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


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


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


The Sketch Update We’ve All Been Waiting For

#Sketch #Productivity #DesignPatternLibraries

When nested symbols came out for the first time way back in Sketch version-whatever-it-was, it was kind of a big deal. At least I thought so: At the time, a couple designers were figuring out ways to…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing Auto-Layout “Export Specs”

#AnimaApp #Handoff #Collaboration #Productivity #Sketch

Auto-Layout is a feature in Anima Toolkit for Sketch. It allows designers to make a design responsive, by specifying constraints such as pinning, centering, sizing and even stacking. When we launched…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


3 Creative Concepts of Mobile Tab Bar Navigation

#UX #UIDesign #Mobile #Intearctions #BestPractices

When it comes to selecting a pattern for the primary mobile navigation, product designers usually choose between two options — side drawer (also known as a hamburger menu) and tab bar. Both…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Google Design: Designing the Future of Work

#UIDesign #UX #AI #ProductDesign

At Google Cloud my job is to reimagine enterprise — the tools we build and how we design them. Traditional enterprise products don’t reflect how people work — our pain points, our tasks across the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Animista: CSS Animations Collection

#CSS #Animations #Productivity #HTML #UIDesign #UX #Prototyping

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Prototyping AI experiences with Chris Butler

#Prototyping #AI #UX

Prototyping AI experiences


Thank you for attending the presentation and AI workshop!

First, could you do me a favor?
I would love to get feedback on the tutorial. It only takes a minute and it helps me continue to improve: https://www.surveymonkey.com/r/GV9XJ9L

Slides:

References:


About Chris Butler

I help teams understand the real business problems they should solve with AI-centered solutions. The teams we work with are generally asked to “do something interesting” with the data they have. We help them avoid local maxima through happenstance correlations and focus on solving huge business problems. My background includes over 18 years of product and business development experience at companies like Microsoft, KAYAK, and Waze. At Philosophie, I have created techniques like Empathy Mapping for the Machine and Confusion Mapping to create cross-team alignment while building AI products. If you want to learn more or get in touch via email, LinkedIn, or visit http://philosophie.is/human-centered-ai.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


jQuery UI Touch Punch - Touch Event Support for jQuery UI

#JS #Libraries #JQuery #Productivity #Mobile

jQuery UI Touch Punch is a small hack that enables the use of touch events on mobile devices with the jQuery UI user interface library.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Video: Designer + Developer Workflow

#Collaboration #Productivity







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


7 Tips and Tricks for Sketch Pros

#Sketch #Productivity #Tips

We all know and love Sketch. Its ease of use, simple interface and features make it one of the most used design software. We'll look at 7 cool yet hidden features of Sketch.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Timeline for Sketch

#Sketch #Plugins #Productivity #Handoff #Animations

Design Interactions, and Export Code, HTML / JS / CSS.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Timeline 2.0: Interaction Design for Sketch

#AnimaApp #Handoff #Animations

Our mission is to bridge the gap between designers and developers. Enormous amount of time and effort during a product development cycle is spent on designers communicating to developers how the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to Export Sketch to CSS Animations Code

#AnimaApp #CSS #Animations

Enormous amount of time and effort during product development is being spent on designers communicating to developers how the product should look and feel. Usually things get lost in translation. One…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Slack RSS integration

#Slack #Productivity #RSS

Automatically syndicated site content.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Overrideit: Search your overrides

#Sketch #Plugins #Productivity

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Copy & paste layout settings

#Sketch #Plugins #Productivity

Copy layout settings from one artboard and paste into multiples artboards.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Overrideit: Search overrides in Sketch

#Sketch #Plugins #Productivity

Symbols in sketch as super cool but if it go crazy with too many overrides it will slow down your work flow. I was suffering a lot to find text field inside a symbol I had to scroll through infinity…









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


Sketch shortcuts

#Sketch #Productivity

Shortcuts.design is the ultimate shortcut reference for designers. Charge your workflow in Sketch with all the Sketch shortcuts in one place 👨‍🎨









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch style libraries

#Sketch #Plugins #DesignPatterLibraries #UIDesign #Productivity

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.












Scan & Share
Feed