...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Connect Sketch Symbols with their React Counterparts via Storybook

Your dev team has embraced React for front-end development, and adopted Storybook to rapidly build and document components. Your design team, on its part, is using Brand.ai to manage and sync Sketch…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Storybook: React Design Systems Examples

#DesignSystems #Components #React







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Storybook: Carbon Design System & React

#Sketch #DesignSystems #IBM #Storybook #React







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Strorybook: The UI Development Environment You'll ♥️ to use with React

#UIDesign #DesignStystems #FrontEnd #React







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Evolving the Dropbox brand – Dropbox Design – Medium

#Branding #Dropbox

As our mission has evolved from keeping files in sync to helping teams in sync, we realized our brand needs to change, too. Our new brand system shows that Dropbox isn’t just a place to store your…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UX at Scale Virtual Summit

#Webinar #UX #Design

14 free webinars. UX leaders from Salesforce, Atlassian, IDEO, Airbnb, Linkedin, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Diversity Avatars plugin

#Sketch #Plugin #Productivity

Fill your designs with photos of diverse users. Resource for images, avatars, and content.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Workshop: Sketch and Framer | Design & Prototype NYC Meetup

#Sketch #Framer #workshop #Prototyping

Davo will be teaching this workshop. You can watch Framer tutorials here.

As usual if you are a student or can’t afford the ticket let me know and I’d be more than happy to sponsor you. Reach out at francesco@freeandwilling.com

For more info and tickets.... 👇










Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Redesigning Facebook Reactions – prototypr

#Prototyping #UX #Facebook

Facebook reactions went live on 24 Feb 2016, and from that time onward it’s been a great journey for Facebook. We all just love the reactions and how it fulfills that a single like button was not…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


VR & AR - Taking a customer-centric approach to new technology w/ Ben Running

#AR #VR #Event

VR & AR - Taking a customer-centric approach to new technology

VR & AR is already upon us and it’s only going to get crazier from here. Let’s take a look at the current landscape, hardware, software, and discuss how designers can approach a new and rapidly evolving technology.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Craft CMS | Focused content management for web professionals

#CMS

Craft CMS is a focused content management system for developers, designers, and web professionals that blends flexibility, power, and ease of use for clients.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design+Code - Learn to design and code for iOS 11

An interactive book on how to design and code an iOS 11 app.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Setting Up a Design System with Frames

#Sketch #DesignSystems #UIDesign #Productivity

The system is designed to be lightweight and adaptable to brands, that why many teams find it a really useful tool for building their own libraries based on it. 🖖 Frames Master file is divided into…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Event: Fuse, A New Approach to Designing and Developing Native Mobile Apps

#Events #UX #Mobile #Fuse

We're co-hosting this Meetup with other four groups this time. We're having a Fuse engineer coming from Oslo to speak, so I really hope to see you there!

Come and discover a new approach that integrates design, prototyping and development. Fuse unifies development with design through rapid, real-time workflow, visual tools and simplified code, resulting in real native apps for both iOS and Android (from the same codebase) - all the way from prototype to the app store.

In this presentation, we'll show some examples of what can be achieved with Fuse, and briefly examine the make up of a finished app.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fuse

#MobileDev #iOS #Android #Native #Prototyping

Fuse makes native app development faster, easier and more fun for both developers and designers. Lot's of examples here: https://www.fusetools.com/examples









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Interactive Design & Collaboration Tool

#Framer

Framer is the best way to create interactive designs from start to finish. Design from scratch and then easily turn your work into high-fidelity prototypes. Used by Facebook, Google, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


MailChimp: UX Patterns

#DesignSystems #Productivity #patterns #UX

The MailChimp Pattern Library is a byproduct of our move to a more responsive, nimble, & intuitive app.

Over the course of two full redesigns and our recent navigation refresh, we've worked to distill most of the MailChimp interface into a set of atomic pieces, forming the pattern library you see here. By documenting and assembling a reference site of our patterns, we were able to speed up our process and solve some internal communication problems. A common lexicon of code and UI elements benefits us in a few ways:

  • We can build consistently, focusing our energy on workflows and logic, not web forms and list items.
  • We can reuse code instead of reinventing the wheel or roping in an engineer.
  • We can see all of our patterns in one place, quickly revealing maintenance issues.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


PSD to Sketch Design Converter

#Sketch #Photoshop #Productivity #plugin

Switching from Photoshop to Sketch? Try this Free Online Design Converter built by Avocode









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The MailChimp Content Style Guide

#UIDesign #DesignStystems #Styleguide

This style guide was created for MailChimp employees, but we hope it’s helpful for other content and communications teams too.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


6 Animation Guidelines for UX Design

#animation #motion #interactiondesign #UX

Animation can be used to tweak the user’s perception of time, so use this in your favour. For the human brain, anything below 0.1 seconds will seem instantaneous and below 1 second will seem seamless. So, if you have a process that takes 6 seconds for instance, you can break it down in a few separate animations. This trick should make the process feel a lot faster and keep your user engaged.

You can also use animation to fake an instant action that will actually take bit longer in the background. This will make the app feel more responsive even though the process still takes longer than what the user sees.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


52 Research Terms you need to know as a UX Designer

#UX #Research

Having written the article 53 Tech Terms You Need to Know as a UX Designer it made sense to add research terms into the mix. I’ve put together an A-Z list of research words with explanations in plain…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Benjamin Wilkins, Airbnb: Thinking in Symbols for Universal Design

#Sketch #DesignSystems #Productivity

Mind blown by this talk by Benjamin Wilkins, Design Technologist at Airbnb. He touches on the internationalization and localization of design elements, and how might we desig...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Roundups – Curated collection of newsletters & roundups for designers








Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SketchStyles: A Sketch plugin to import & export text styles.

#Sketch #DesignSystems #Productivity #plugin

A Sketch plugin to import & export text styles.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Modulz – An open-source design system

An open–source design system of styles, components, patterns, templates, tools and documentation.












Scan & Share
Feed