Figma deep dive: Make
summary
Claims that Make can be reliably on-system with real design systems, demonstrated by building a Make kit that installs public NPM packages, injects a structured guidelines set (bootstrapped in about 42 minutes to machine-translate existing docs), runs an automated compliance skill and returns a 4.7/5 compliance score, and publishes as a template with onboarding, presets, and a component showcase — a publishable make kit with NPM deps that actually renders and verifies UI components.
AI-written summary · about
chapters (21)
- 0:00Figma Make deep dive
- 1:00Design systems and Make
- 2:24Make needs your design system
- 3:06Prototyping vs production in Make
- 4:09Libraries kits and templates in Make
- 5:13Markdown for agentic workflows
- 5:57SAP Fiori deep dive
- 7:23Rules for Make to follow design system
- 8:28Guidelines for Make success
- 10:52Human to machine-readable guidelines
- 12:16Make kit with SAP design system
- 15:45Testing Make kit output
- 17:54Skills for design system compliance
- 19:21Polishing Make output
- 21:06Templates for large organizations
- 22:09Attach Make kit to template
- 23:52Test templates with prompts
- 24:34Onboarding overlays for templates
- 25:16Presets and recipes for templates
- 27:44Rollout and governance for design systems
- 29:07Teams prototyping with Make
related talks
01mHow We're Bringing Design Systems into Make
01h 04mBuilding Design Systems for Scale: From Tokens and Components to Motion & AI Tools
12mThe future of design systems and AI
14mEmpowering designers: AI, design systems, and quality
25mUsing Figma to go beyond Figma
20mWhat if it all started in Figma?
54mFrom prompt to code
26mA Beautiful Mess: How We Build Products at Figma