Aligning Patterns Across Design and Development
watch on portal.gitnation.org ↗https://portal.gitnation.org/contents/aligning-patterns-across-design-and-developmentsummary
The talk covers how to close the gap between design and development by recognizing differing perspectives and sources of friction, then finding a middle path that reduces resistance. It presents Figma’s Code Connect as a concrete tool that links Figma component logic to implementation by publishing code-informed component snippets for HTML, Web Components, Angular, Vue, React, SwiftUI, and Jetpack Compose, with plans to add more languages.
AI-written summary · about
related talks
35mDesign vs Development: The Miracle of the Match Between Two Opposite Poles
14mRethinking Designer-Developer Collaboration
43mUnderstanding Layout Between UI Design and Code – Christine Vallaure
29mDesign to Code: Roundtable discussion with Code Connect users
45mBridge the Gap between Design and Development
21mTokyo Opening Keynote
42mCode, Creativity, and Community at Figma
16mDesign Language on Autopilot: How Figma and Code Can Automate Your Workflow