Changelog Interviews – Episode #567
Bringing Dev Mode to Figma
with Emil Sjölander, Engineering Manager @ Figma
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.
Featuring
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.
Notes & Links
Chapters
| Chapter Number | Chapter Start Time | Chapter Title | Chapter Duration |
| 1 | 00:00 | This week on The Changelog | 01:14 |
| 2 | 01:14 | Sponsor: Neon | 04:39 |
| 3 | 05:53 | Start the show! | 00:44 |
| 4 | 06:37 | Visly > Figma | 03:36 |
| 5 | 10:13 | Iterating to here | 03:18 |
| 6 | 13:30 | Remember PSD to HTML? | 01:39 |
| 7 | 15:09 | Throwback to Grooveshark | 04:37 |
| 8 | 19:46 | Getting to Dev Mode | 05:45 |
| 9 | 25:31 | Sponsor: Socket | 03:24 |
| 10 | 28:55 | Building Dev Mode | 14:45 |
| 11 | 43:40 | Is codegen the end game? | 04:19 |
| 12 | 47:59 | Is codegen production code? | 01:18 |
| 13 | 49:17 | Sponsor: Traceroute | 01:35 |
| 14 | 50:52 | How popular are design systems? | 02:36 |
| 15 | 53:29 | Design systems not required | 01:13 |
| 16 | 54:42 | From zero to Dev Mode | 03:18 |
| 17 | 57:59 | Using Dev Mode to build Dev Mode? | 02:53 |
| 18 | 1:00:52 | Is Visly at all present in this? | 01:29 |
| 19 | 1:02:21 | PSD > PTSD > OMG! | 03:07 |
| 20 | 1:05:28 | Figma as a developer platform | 08:39 |
| 21 | 1:14:07 | We can't talk about AI | 00:48 |
| 22 | 1:14:55 | Poll + next week! | 02:15 |