Design systems in an AI first ecosystem
summary
Claims a concrete workflow: KOD plus Figma integrations and an AI layer (Kodrain) ingest Google Drive Slack Jira Confluence and Figma to keep variables synced, surface hex codes and variable histories, and expose sources so answers are verifiable. Shows three integrations—Figma embed, FigJam widget, Figma pack—and a change‑log plus request flow that pushes updates back to Figma. Uses retrieval augmented generation (RAG) for permissioned search; demo fixes a logo color mismatch end to end.
AI-written summary · about
chapters (13)
- 0:00AI first design systems
- 1:05KOD and integrations
- 3:53KOD as productivity platform
- 4:14KOD integrates with Figma
- 6:21Design systems in KOD with Figma
- 7:46Disconnected design workflows
- 8:29KOD-based design system components
- 9:32AI enhances design adoption
- 10:14Codbrain AI connects knowledge and action
- 11:39Security in Codbrain AI
- 13:24AI-powered workflow demo
- 15:51AI-native ecosystem benefits
- 16:12Closing and resources
related talks
12mThe future of design systems and AI
18mAI for UI
16mDesign Language on Autopilot: How Figma and Code Can Automate Your Workflow
14mEmpowering designers: AI, design systems, and quality
25mUsing Figma to go beyond Figma
23mCollaborative and real-time design systems in Figma
20mAI will upend your process—for the better
29mAre Design Systems Ready for the AI Revolution?