Framework by Figma 2024
2024-04-16
-- online --
| title | author | length |
|---|---|---|
| Opening & Welcome | Sho Kuwamoto, Emil Sjölander, Shana Hu, Jacob Miller | 28m |
Figma announces Code Connect (beta) — an open source SDK plus CLI that lives in the codebase, publishes vetted snippets into Dev Mode, runs locally and via… | ||
| Typography and gradients deep dive and demos | Ana Boyer | 20m |
Shows how Figma now lets designers bind gradient stops to variables and save them as a single style that switches across modes (example… | ||
| Creating a more connected design system with Code Connect | Jake Albaugh | 31m |
Code Connect surfaces real component usage code inside Dev Mode by linking a small code connect doc in your repo to a Figma node so instances show runnable… | ||
| Design to Code: Roundtable discussion with Code Connect users | Ana Boyer, Gilson Hoffmeister, Lukas Oppermann, Raul Menezes | 29m |
Design and engineering teams report that Code Connect delivers colocated TypeScript component files versioned in CI, plus copy‑paste‑ready previews that match… | ||
| Beneath the surface of the approach to variables | Chad Bergman, Talia Fisher, Kshitij Tembe | 23m |
Verizon moves its Figma workflow from dual color styles to five variable collections that map to code tokens, notably VDS pallet and VDS surface with… | ||
| FAQs & Closing | 56m | |
Figma announces variable features and tooling: typography variables and gradients are generally available, variables can be bound to styles and scoped (for… | ||
| In the file with | Edison Chee, Kevin Dreher, Jessica Emily | 29m |
DBS claims its design system accelerates a bank-to-fintech shift across six APAC markets by shipping a mirrored code library and tooling rather than theory. It… | ||
| nothing matches | ||