...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gartner Design Pattern Library

#Portfolio #DesignPatternLibraries #UX







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Evolution of Tools

#Airbnb #UIDesign #Articles #Figma







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Angle Sketch Plugin

#Sketch #Plugins #Tutorials #Presentations #Productivity #Mockups

A little how-to video for applying perspective transforms for your mockups. Download the free plugin here: http://designcode.io/angle









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Pagedraw: Effortlessly turn mockups into functional UI code

#React #Figma #WebDevelopment #UI

Design your web UI, then use the design directly from code. No more time wasted translating mockups to JSX and CSS. Using Pagedraw is like adding another React developer to your team.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design & Prototype NYC Meetup

#Workshops #Video #Meetup

If you are interested in learning how to design and prototype user experiences for desktop, mobile, wearable and beyond consider joining go here: More info a...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gartner Design Pattern Library

#Portfolio #DesignPatternLibraries #UX







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma’s Platform

#Figma #Plugins #Productivity

Today, we’re excited to launch the Figma Platform, a way to improve design workflows by connecting Figma to other tools, scripts and even web apps. We’re starting off with a new concept for the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Responsive Design In Protowire

#Protowire #Tutorials #Video #RWD #Prototyping #Sketch

How to use the responsive design features for mobile apps and websites.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SpriteKit: Learn to Make iOS Games (80% off)

#iOS #MobilDev #Swift #SpriteKit #Deals

44 hours of video course for learning Xcode 9, Swift 4, Sketch, Framer, from conception to the App Store. An interactive book on how to design and code an iPhone app. For designers and beginners.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Optical adjustments in components

#UDDesign #BestBractices

Every time you look at a computer interface, your brain is trying to fool you. No matter how hard you try to make things look aligned — the eye of the beholder will often disagree, due to a way we…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Design Genome Project

#InVision #Resources #Enterprise

The Design Genome Project explores the DNA of the world's best product design teams—including Netflix, Slack, Shopify, Capital One, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Library: Native web components 

#Sketch #UIKits #Library #Free #WebDesign

Free Sketch Library of native web components (checkboxes, radios, selectboxes and dropdowns menus). This article demos what’s included and how it can be used. With a little bit about the the process.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Download Deck: A free card-style UI kit

#Sketch #Photoshop #Free #UIKits

Deck is a free UI kit for building card UI designs and media sites. Templates sized for mobile, desktop, and tablet and available in Sketch and PSD formats.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to create a version controlled Sketch Library for your distributed team using Github

#Sketch #Github #VersionControl #DPLs #Teams

You have a pattern library, a design system, or library of symbols in Sketch. You have a team across multiple locations with multiple design files, how do you keep those designs consistent…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


DesignBetter: Discover the world's best design practices

#UiDesign #InVision

DesignBetter.Co is the essential guide to the best design practices from top design experts. Learn how to build a world-class design organization and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Typekit

#Typography #Tools #Fonts

Typekit partners with the world’s leading type foundries to bring thousands of beautiful fonts to designers every day. No need to worry about licensing, and you can use fonts from Typekit on the web or in desktop applications.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UI Faces: Avatars for design mockups

#UIDesign #Images #Productivity #Free #Sketch #Plugins

Aggregator that indexes various free avatar sources that you can use in your design mockups by copy—paste, API and Sketch plugin.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Timeline for Sketch Is Now Available!💥

#Sketch #Plugins #AnimaApp #Animations #Gifs #MicroInteractions

Timeline empowers designers to craft beautiful animations and export them. The first release of Timeline allows exporting to GIF or MP4 files, but as we mentioned in our Secret Plan — we have much…









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


How SVG Line Animation Works

#SVGs #Animations #CSS

I bet all of you have seen that little trick where an SVG path is animated to look like it's drawing itself. It's super cool. Jake Archibald pioneered the technique and has a super good interactive blog post on how it works. Brian Suda wrote about it on 24 Ways. Polygon used it to great effect on a custom designed









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design+Code: Resources for Designers

#Sketch #Tutorials #DesignResources











Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Mimicking the Medium Clap Animation with Sketch and Haiku

#Sketch #Haiku #Animations #MicroInteractions #React

Mastering CSS used to be a barrier for entry to designing complex motion animations. Haiku makes it approachable for beginners.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch app on Spectrum

#Sketch #Community #Chat

The Sketch community on Spectrum. Sketch is the ultimate tool for designing user interfaces, websites, and icons.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Event: Prototyping in Sketch 49 and What's New / ProtoWire & More Demos

#Events #UX #Prototyping

Sketch 49 brings quite a few improvements. Some obvious like prototyping within Sketch and some less obvious like easier-to-look-at override panels and find-and-replace colors.

Agenda:
– Prototyping in Sketch
– Shared Libraries on Sketch Cloud
Read more about both

– Improved Find And Replace Colors:
I wrote a quick Medium post about this

ProtoWire Demo (Advanced, responsive prototyping within Sketch)

– The Sketch 49 workshop and Protowire demo will be held by me
https://freeandwilling.com/fbmore

– Other speakers TBD. Reach out if you'd like to present!

-----------------------------------------
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 See you soon!












Scan & Share
Feed