layout.design valid
Layout
The compiler between design systems and AI coding agents.
- Authority
- 46 reach 0 · trust 6 · quality 25 · freshness 15
- Tier
- listed
- llms.txt
- https://layout.design/llms.txt
- llms-full.txt
- https://layout.design/llms-full.txt
- Sections
- 5
- Links
- 22
- Size
- 2878 bytes
- Registered
- 2026-03-11
- Country
- Germany Hosting inference
- Hosting country
- Germany Hosting inference
- Country evidence
- No published address evidence collected yet
- Categories
- Design
- For agents
- Documentation: developer or product docs worth reading, nothing to call
- First seen
- 2026-10-27T09:47:07.630Z
- Last checked
- 2026-10-27T09:47:07.856Z
- Badge
Their llms.txt
The beginning of the file, from our validated copy saved 2026-10-27T09:47:07.633Z. Cached copy · Source on layout.design
# Layout
> The compiler between design systems and AI coding agents.
Layout extracts design systems from Figma files and live websites, then generates structured, LLM-optimised context bundles (layout.md) that help AI coding agents produce on-brand UI code consistently.
## Key Features
- **Extract** design tokens, components, fonts, and screenshots from Figma or live websites
- **Studio editor** with three panels: source browser, layout.md editor with AI chat, and live component preview
- **Explorer** for generating 2–6 component variants from a single prompt
- **MCP server** (`@layoutdesign/context`) that serves design context to AI agents in real-time
- **Export** ZIP bundles with layout.md, tokens.css, tokens.json, tailwind.config.js, AGENTS.md, and Cursor rules
- **Push to Figma** — send AI-generated components back to Figma as real auto-layout frames
- **Compliance checking** — validate generated code against design system rules
## Layout UI
Layout UI is a reskinnable component system: 54 components built on Base UI that consume nothing but semantic design tokens. Every kit published to the Gallery is also an installable Layout UI theme, and every component ships machine-readable rules (usage, never-do, tokens used) so AI agents build with them correctly. Free and open source (MIT).
- Explore: https://ui.layout.design
- Install a component: `npx @layoutdesign/context add <component>`
- Install a theme: `npx shadcn add https://layout.design/r/<slug>/theme.json`
- Docs: https://layout.design/docs/layout-ui
- Compare: https://layout.design/vs/shadcn
## Docs
- [What is Layout?](https://layout.design/docs)
- [Walkthrough](https://layout.design/docs/walkthrough)
- [Studio Editor](https://layout.design/docs/studio)
- [Explorer](https://layout.design/docs/explorer)
- [CLI & MCP Server](https://layout.design/docs/cli)
- [layout.md Format](https://layout.design/docs/layout-md)
- [Component Library](https://layout.design/docs/component-library)
- [Dashboard](https://layout.design/docs/dashboard)
- [Organisations](https://layout.design/docs/organisations)
- [Webhooks](https://layout.design/docs/webhooks)
- [API Reference](https://layout.design/docs/api-reference)
- [Self-Hosting](https://layout.design/docs/self-hosting)
## Integrations
- [Claude Code](https://layout.design/docs/integrations/claude-code)
- [Cursor](https://layout.design/docs/integrations/cursor)
- [GitHub Copilot](https://layout.design/docs/integrations/copilot)
- [Windsurf](https://layout.design/docs/integrations/windsurf)
- [OpenAI Codex](https://layout.design/docs/integrations/codex)
- [Figma Plugin](https://layout.design/docs/figma-plugin)
## Links
- [Pricing](https://layout.design/pricing)
- [Changelog](https://layout.design/changelog)
- [npm package](https://www.npmjs.com/package/@layoutdesign/context)
- [GitHub](https://github.com/uselayout)
Related sites
Similar publisher descriptions and documentation. Similarity does not imply affiliation or equivalent capabilities.
| Domain | Title | Category | Country | Authority | llms.txt | llms-full.txt | Save |
|---|---|---|---|---|---|---|---|
| infa.ai | Infa | interface Design AI and machine learning +1 | US | 46 | ✓ | ||
| designmd.app | designmd.app | documentation AI agents and MCP Developer tools +1 | BR | 45 | ✓ | ✓ | |
| designmode.app | Design Mode | documentation Design AI agents and MCP | US | 45 | ✓ | ✓ | |
| cloudscape.design | Cloudscape Design System - Documentation for LLMs | documentation Design Developer tools +1 | — | 51 | ✓ | ||
| agentsroom.dev | AgentsRoom | documentation AI and machine learning AI agents and MCP +1 | — | 51 | ✓ | ✓ | |
| nimbalyst.com | Nimbalyst | documentation AI and machine learning AI agents and MCP +1 | — | 50 | ✓ | ✓ | |
| animaapp.com | Anima | interface Design Developer tools +1 | US | 58 | ✓ | ||
| dbtcharts.com | dbt Charts | documentation Data and analytics Developer tools | US | 48 | ✓ |
Machine-readable: GET /v1/resolve?q=layout.design · GET /v1/domain/layout.design · this page as Accept: application/json or text/markdown · MCP lookup_domain
Automatically discovered from public files. Inclusion does not imply endorsement or publisher participation.
Own or manage this website?
If you own or manage layout.design, you can update its listing and review file health, discovery activity and score history.
Manage this listing — optional
What verification unlocks
See how your site is discovered—and control what agents see.
- See your website in the map
Review your indexed topics, nearby publishers sharing headings, measured listing exposure and map snapshots in a private report for your website.
- Control what agents see
Edit your listing description, tags, public contact details and additional llms.txt paths. Publish your terms for automated access, attribution and pricing.
- Make your profile eligible for search
A valid, listed, unblocked, verified profile can appear in our publisher sitemap and become eligible for search-engine visibility. Search engines decide what to index and rank.
- Appear in our llms-full.txt
Eligible verified publishers are listed by name, with their file links and summaries, in the service overview agents can read.
Free. No account registration, backlink or payment required. Public discovery remains available without verification.
Let your coding agent verify it
If your coding agent is authorized to manage this website, paste these instructions into it.
Claim my listing on Agent Web Map for layout.design:
1. POST https://agentwebmap.com/v1/sites/layout.design/claims and keep claim_id and claim_secret private.
2. Publish the verification line "AgentWebMap verification: <token>" (token from step 1) in https://layout.design/llms.txt, or use the DNS, meta-tag or well-known method the response describes. This only verifies the listing; your website and domain remain yours.
3. POST https://agentwebmap.com/v1/sites/layout.design/verify with {"claim_id": "...", "claim_secret": "..."}.
4. Save the api_key from the answer; it manages the listing (PATCH https://agentwebmap.com/v1/sites/layout.design).
MCP equivalent: tools begin_ownership_claim, then verify_domain, at https://agentwebmap.com/mcp. Docs: https://agentwebmap.com/docs#verifyCorrections or removal requests: contact the directory.