Krux
April 4, 2026
Figma Make Now Accepts Your Actual Code Components
Published: April 4, 2026 at 12:38 AM
Updated: April 4, 2026 at 12:38 AM
100-word summary
Figma just launched Make kits and Make attachments, letting AI prototypes start with your production components instead of generic placeholders. Feed it npm packages or library tokens, then attach real project files (PDFs, CSVs, brand guidelines, screenshots) so the output mirrors your actual codebase and data. The shift is subtle but significant: prototypes surface edge cases earlier and skip the "translate this into our design system" phase. Engineers recognize familiar patterns instantly, eliminating the "Is this custom or reusable?" guessing game during handoff. Figma isn't claiming time-saved metrics yet. But when AI-generated designs speak the same language as your component library from the first draft, the cleanup treadmill gets a...
What happened
Figma just launched Make kits and Make attachments, letting AI prototypes start with your production components instead of generic placeholders. Feed it npm packages or library tokens, then attach real project files (PDFs, CSVs, brand guidelines, screenshots) so the output mirrors your actual codebase and data. The shift is subtle but significant: prototypes surface edge cases earlier and skip the "translate this into our design system" phase. Engineers recognize familiar patterns instantly, eliminating the "Is this custom or reusable?" guessing game during handoff.
Why it matters
Figma isn't claiming time-saved metrics yet. But when AI-generated designs speak the same language as your component library from the first draft, the cleanup treadmill gets a lot shorter.