Future Plans for Code Generation in Figma

6min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

This chapter discusses the current state of code generation in Figma, including the ability to generate code snippets for CSS, Swift UI, Jetpack, Tailwind, and React. The hosts express their plans to focus on design systems and provide code that imports components from the user's design system, as well as the importance of providing sample code and guidance for developers.

This week on we’re joined by Emil Sjölander from Figma — talking about bringing Dev Mode to Figma. Dev Mode is their new workspace in Figma that’s designed to bring developers and design to the same tool.

The question they’re trying to answer is “How do you create a home for developers in a design tool?” We go way back to Emil’s startup that was acquired by Figma called Visly, how we iterated to here from 20 years ago (think PSD > HTML days), what they did to build Dev Mode, what they’re doing around codegen, the popularity of design systems, and what it takes to go from zero to Dev Mode.

Leave us a comment

Changelog++ members get a bonus 5 minutes at the end of this episode and zero ads. Join today!

Sponsors:

Neon – The fully managed serverless Postgres with a generous free tier. We separate storage and compute to offer autoscaling, branching, and bottomless storage.
Socket – Secure your supply chain and ship with confidence. Install the GitHub app, book a demo or learn more
Traceroute – Listen and follow Season 3 of Traceroute starting November 2 on Apple, Spotify, or wherever you get your podcasts!
Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.