Starting today, Make kits and Make attachments bring context into Figma Make, so prototypes start from real components, data, and constraints.

Figma is a collaborative interface design tool that enables teams to create, prototype, and collaborate on digital designs in real-time. From their blog, readers can learn about user interface design, design systems, and prototyping techniques. With documentation, tutorials, and design resources, Figma empowers designers and developers to create beautiful and functional user experiences.

Figma

Figma has launched two new features for Figma Make: Make kits and Make attachments. Make kits allow design system authors to package their components, styles, and usage guidelines (via npm packages or Figma libraries) so AI-generated prototypes start from production-aligned components rather than generic ones. Make attachments let users supply real project context—PDFs, CSVs, JSON datasets, screenshots, brand guidelines, and more—directly into the prompt, so prototypes reflect actual data, edge cases, and constraints instead of idealized placeholders. Together, these features reduce the gap between AI-generated drafts and shippable designs, speeding up review cycles and improving collaboration between designers and engineers. The post also mentions the Figma MCP server, which connects design and code workflows.

Build with more context and more control in Figma Make

Make kits: Teach Make about your design system

Make attachments: Ground your prototype in the project, not just the design system