Two features announced on the Config Europe are already live! New Instance Swap menu and updated Inspect tab help both designers and developers navigate large, complex libraries in Figma.

Somehow I missed this article earlier this year, but it’s a good resource for creating an automated process to keep design tokens of the design tool in sync with the code behind it. They achieve this by setting up a Node.js server that generates Sass and Tailwind files with all the variables from the Figma API.

A solid guide to Figma for developers from Smashing Magazine. It’s focused on navigating the app, measuring dimensions, exploring styles, exporting assets, getting CSS from the Code panel, and other parts of the developer handoff.

Tim Benniks looks at how Figma, Zeplin, VS Code, and Storybook can work together to provide a much better experience for developers.

Femke shows her engineering handoff process at Uber Eats. Among other things, she adds a Handoff page to her files, breaks it down into work streams, uses templates to show flow statuses, and adds notes to document changes and implementation details.

In Issue #16, I shared the article ​“Worry less about spacing in Figma”. In the new article, Lennon Cheng continues on the idea and shows to introduce spacers into the development handoff process.

Automate the process of annotating your designs for a smooth and effective developer handoff.

Cool integration with a no-code app. ​”Bubble offers a powerful point-and-click web editor and cloud hosting platform that allows users to build fully customizable web applications and workflows.”

The team at Evil Martians shares how designers and engineers can speak the same language by using dynamic components built with Auto Layout. The article presents multiple techniques with good animated examples.

Zeplin redesigned their Figma plugin, improving export experience and solving some of the performance issues.

Helena Jaramillo from Coda and Silvia Tueros-Cossio from Stash share how they convinced their developers to join them in Figma and what that collaboration looks like.

Generate layers from your layout grids so you can export images or prepare diagrams to supplement your design systems documentation.

Design Details podcast shares tips and tricks for staying organized in Figma, simplifying the engineering handoff, and not getting bogged down in pages hell.

A proposal for Figma to introduce Tokens panel with manually added values that can be reused across properties of objects and then exported to a developer-friendly format.

The plugin helps you create, attach, and update tracking annotations in Figma.

Copy and paste element styles from Figma files into the Xcode project.

Detailed step by step guide on how to build a private Figma plugin that will sync colors from your Figma library to a file with CSS variables on GitHub. Nice automation!

A short video explaining Constraints and developer takeoff.

Redlines is a toolkit designed to make developer hand-off easier. Create and generate redlines from a selection of objects with ease, while also enabling full control over the style and display of each redline element.