Garden Starter Kit
An AI-native Cursor starter so designers prototype with real Garden components and system context
Context
Designers need interactive prototypes fast. Figma is still the best place to tell a story and explore vision. AI code editors like Cursor can generate UI in seconds, however without design system context, that speed invents components, spacing, and patterns without system intention.
Challenge
Teams need interactive prototypes fast, but inside the rules of a design system that already exists. The two common paths get you there cleanly or quickly. Never both.
Figma only
Still valuable. Excellent for storytelling, alignment, and conceptualizing new ideas. However Figma's prototyping tool, interaction and animation are limited and wiring flows can be time-consuming.
Blank AI chat
Fast, but invents one-off UI, can be completely wrong, rediscovers the system from scratch each session, and has little to no context of the wider system or product.
Opportunity
An AI-native starter kit: real Garden packages, relevant agent skills, Figma MCP to and from the canvas, and room for team or product-area specific context.
solution
Garden Starter Kit is an opinionated context layer so designers can rapidly prototype using Garden: foundations, components, and principles. This is where you build and iterate with the system.
Delivered as:
Runnable Cursor starter: References Garden’s open-source packages, tools, and documentation
Figma and Garden skills: Pull designs from Figma, compose interfaces with actual Garden components, and extend by building on Garden foundations when something doesn’t exist yet
Extensible by design: Built so that teams can add and continue to build product-area context without starting from a blank chat
