AI guidelines
The guidelines/ folder teaches Figma Make, the Figma MCP server, Claude, Cursor and v0 how to build with Atomus. Point your tool at the folder or attach the files to a Figma Make kit.
| File | Covers |
|---|---|
overview.md |
Principles, file structure, how screens are composed |
foundations/*.md |
Colour, typography, spacing and layout, radius and effects, icons, theming |
components/*.md |
One file per component page: purpose, properties, usage rules |
website-sections.md |
Marketing sections and how to assemble pages |
Rules for agents
Section titled “Rules for agents”- Always use library components; never draw a button, input or card from scratch.
- Never use raw hex or primitives — use semantic tokens (
text-primary,bg-secondary,border-primary,fg-brand). - Spacing comes from the 8-point scale (
spacing-*inside components,layout-*between blocks). - Controls share heights: sm 32, md 40, lg 48.
- Put custom content into slots instead of detaching.
- Set Brand / Color / Radius / Breakpoint modes on the top frame, not on individual layers.