Say goodbye to manual resizing and hello to flexibility, faster workflows and a whole new way to design.

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…

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…

Hello everyone and happy new year!

I am very excited for what the new year will bring us! So much happened in 2017 in the UX/UI Design and Prototyping space!

Here are some of the things you should check out in case you missed them. A big one for me was the evolution of symbols in Sketch and design systems as well as collaboration among team members, and easier handoffs and if you work with React, lots of exciting things there too.

The last 6 months of 2017 I was pretty busy with a job out of town so I could not organize as many events but I am planning to start the year strong and we'll have events in NYC around:
– "Why it's good to prototype early and often" an event on the (crowded) prototyping space and. Good if you are new to the group/space. This an updated presentation I based on
– Timeline by Anima App (just released!)
– Fuse Tool's improved UI
– Framer Studio
– InVision Studio
– Figma 2.0

Other big announcement was AdobeXD for Windows

Tons of products now have "Studio" in their name as they all rush to become the all-in-one tool to designers. 🚀

Sketch Workshops in January:
– Basic if you are starting now
– Advanced if you want to learn more advanced workflows or techniques.

Depending on availability, I organize custom workshop for teams. 

What would you like to learn or improve in 2018?

💌 Shoot me an email and let me know! 😀

Ciao,

Francesco 

Hello everyone and happy new year!

I am very excited for what the new year will bring us! So much happened in 2017 in the UX/UI Design and Prototyping space!

A big one for me was the evolution of symbols in Sketch and design systems as well as collaboration among team members (❤️ Abstract!), and easier handoffs and if you work with React, lots of exciting things there too.

I'll be running a few Sketch Workshops in January:
– Basic if you are starting now
– Advanced if you want to learn more advanced workflows or techniques.

Depending on availability, I organize custom workshop for teams. 

What would you like to learn or improve in 2018?

💌 Shoot me an email and let me know! 😀

Ciao,

Francesco 

This Sketch app workshop is customizable for any team or group either new to Sketch or that is ready to master it and take collaboration workflows to the next level and be more productive.

Agenda example (approximately 5-6hrs over 1 or 2 days):

– Sketch’s UI: What's obvious and what's a little more hidden, navigating folder structures and artboards
– Styles: Text and Shapes (import/export to share with others)
– Symbols Overview: How to create them and when to use them.
– Symbols: Resizing and overriding.

– Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout and more)

– Anima's AutoLayout: building responsive layouts, grids, tables and more.

– Naming conventions and exporting Zeplin (including exporting to SVG)

– Libraries: Using Symbols from shared libraries and UI kits.– Advanced Symbols: How to create nested symbols for building Design Pattern Libraries (DPL) using Atomic Design principles

– Practical tips for DPLs (lessons learned)
– Managing projects and symbol libraries with Abstract

– Attendees should bring their laptop to follow along and pre-install Sketch 48 or higher.

– Each workshop is tailored to needs and pace of each group.

– Payment is due at the time of booking. You can reschedule anytime up to a week prior the event.

Cost varies based on number of attendees, location, travel time and overall team commitment.

💌 Shoot me an email! 😀

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: