340: Versioning and Handoff in Figma

This week, we share our tips and tricks for staying organized in Figma, simplifying the engineering handoff, and not getting bogged down in pages hell. This, plus some follow up, cool things, and a little social distancing check-in.

Sponsor:

Fathom Analytics – we love it, we use it, we can't recommend it enough. Fathom is a privacy-first analytics tool that provides all the right information about traffic to your websites. Some of our favorite features:

Fathom doesn't use cookies, which means you can skip the GDPR notice
The data it collects is simple and straightforward, meaning that it can load your analytics dashboard incredibly quickly and gets you straight to the most important information
Fathom is a small two-person team that charges money for the service. Your data is not sold or leveraged in another way. Simple, straightforward pricing makes the world go 'round.
And so much more.

Learn more at designdetails.fm/fathom and if you sign up using that URL you will save $20 off your first invoice!

We're looking for partners to work with. If your team is hiring, launching a new product, or wants us to get the word out about a new initiative, please get in touch!

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

Roberto Beitia
Gavrilo
Le Franck
Paul Hanaoka
Adam Brace
Terry Bernadino
Piero
Katarina Blind

Follow-up:

Marshall is still enjoying The Good Place and the slight twist near the end of Season 1. Intrigued?

Tweets:

Nathan Lindahl wonders if there are broader applications to the iPadOS cursor, thinking about Fitt's law. Marshall agrees!
Lena Sesardic built HippoKite to help automate the process of logging your accomplishments and challenges each week.

Listener Question:

Dennis Cortés asks: "Without Abstract, how can I pass off a file to a developer and be able to work on the next iteration of something in that same file? I've run into issues where I'll give a developer a link to a file but by the time it gets on their plate we may have worked on an iteration that is out of scope for that sprint...Any ideas or experience here on how you manage your files in terms of versioning and iteration you can share that works for PMs, developers, designers, etc?"

Figma has versioning built in

You can name specific versions

For manual versioning, create a new page

Consider having a line between final, working, and exploratory

When dealing with a design system, you may want to duplicate to a different file to preserve component states
Tom Lowry from Figma made a handy plugin to add status annotations to frames.

Cool Things:

Brian shared Westworld Season 3, along with a companion YouTube channel, Alt Shift X. So far, we're digging S3!
Marshall shared Hand Mirror, a small utility app made by our pal Rafael Conde. It's a macOS app that lives in your menu bar which gives you a quick view from your computer's webcam.

Design Details on the Web:

📻 We are @designdetailsfm

🎙 Brian is @brian_lovin
🎙 Marshall is @marshallbock
📬 Don't have Twitter? Email us at [email protected]

🙌 Support us on Patreon - your support literally makes this show possible. Thank you ❤️
❓ Got a question? Ask it on our Listener Questions Hub, and we'll do our best to answer it on the show :)
⭐️ Enjoying the show? Leave us a review on iTunes

BUUHHHYYYY!