Level up designer and developer collaboration with Noga Mann
summary
Claim: Figma ships Dev Mode features that make design and engineering progress together by giving concrete tools. ready for Dev creates a single file entrypoint with change tracking and Slack notifications, frontend commit previews share in‑progress PRs so designers catch UI drift, and code connect shows real design‑system snippets. Teams prototype in code (example: annotations demo) to unblock technical questions. Ten maker weeks produce a hundred projects that often ship, and the features are live and used.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 1:48Design and engineering
- 3:13Prototyping ideas
- 5:43Aligning prototypes
- 7:08Frontend previews
- 8:31Dogfooding validation
- 9:13Iterative handoffs
- 10:17Dev Mode features
- 11:42Empowering teams
- 13:07Maker week innovation
- 14:51Quality polish
- 15:34Bug bashes pairing
- 16:58Pixel-perfect specs
- 17:43Code connect accuracy
- 18:06Conclusion
related talks
19mBringing Developers into the Design Process
14mRethinking Designer-Developer Collaboration
17mThe rise of the design engineer
52mRemote Design with Figma Workshop
23mCollaborative and real-time design systems in Figma
16mDesign Language on Autopilot: How Figma and Code Can Automate Your Workflow
26mA Beautiful Mess: How We Build Products at Figma
36mElevate Your React Workflow with Figma