
Bringing Dev Mode to Figma (Interview)
Streams straight from the publisher. podnod never proxies or re-hosts episode audio.
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.
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.
Featuring:
- Emil Sjölander – GitHub, X
- Adam Stacoviak – Website, GitHub, LinkedIn, Mastodon, X
- Jerod Santo – Website, GitHub, LinkedIn, Mastodon, X
Show Notes:
Something missing or broken? PRs welcome!
Join the discussion
changelog.zulipchat.comChangelog++
changelog.comNeon
neon.techSocket
socket.devInstall the GitHub app
socket.devbook a demo
socket.devlearn more
socket.devTraceroute
deploy.equinix.comFly.io
fly.ioGitHub
github.comX
x.comWebsite
adamstacoviak.comGitHub
github.comLinkedIn
linkedin.comMastodon
changelog.socialX
x.comWebsite
jerodsanto.netGitHub
github.comLinkedIn
linkedin.comMastodon
changelog.socialX
x.comPRs welcome!
github.com
- 0:00This week on The Changelog
- 1:14Sponsor: Neon
- 5:53Start the show!
- 6:37Visly > Figma
- 10:13Iterating to here
- 13:30Remember PSD to HTML?
- 15:09Throwback to Grooveshark
- 19:46Getting to Dev Mode
- 25:31Sponsor: Socket
- 28:55Building Dev Mode
- 43:40Is codegen the end game?
- 47:59Is codegen production code?
- 49:17Sponsor: Traceroute
- 50:52How popular are design systems?
- 53:29Design systems not required
- 54:42From zero to Dev Mode
- 57:59Using Dev Mode to build Dev Mode?
- 1:00:52Is Visly at all present in this?
- 1:02:21PSD > PTSD > OMG!
- 1:05:28Figma as a developer platform
- 1:14:07We can't talk about AI
- 1:14:55Poll + next week!