MCP

Build with GetLayers from your AI assistant

Connect the GetLayers MCP and build better, and faster, than anyone else.

See plans

Works with

Claude Code
Cursor
Codex
Other

From one prompt to a whole website: the assistant plans it with GetLayers and builds it section by section

MCP

Build with GetLayers from your AI assistant

Connect the GetLayers MCP and build better, and faster, than anyone else.

See plans

Works with

Claude Code
Cursor
Codex
Other

Start here

Set up in under a minute

The GetLayers MCP connects your AI assistant to the GetLayers library and the free AI design tools. It builds sites (also from a template you edited in Figma), designs 3D scenes and gradients, adds motion sections, wires in video backgrounds and rebuilds looks you made in the tools. One connection, no API key. Works with Claude, Codex, Gemini, Kimi, DeepSeek and any other MCP client.

Pick your AI tool
You'll get the exact steps.
1. Install the plugin
  Run these inside Claude Code.
```
/plugin marketplace add textura-agency/getlayers-plugin
/plugin install getlayers@getlayers
```
2. Sign in and authorize
  A browser window opens. Sign in with your GetLayers account and approve access.
3. Start building
  Ask in your own words. More detail, and reference images for scenes, give better results.
```
Build me a landing page for a premium AI analytics product — dark, cinematic, with a 3D hero.
```
1. Add a custom connector
  In claude.ai or the Claude desktop app: Settings → Connectors → Add custom connector, then paste this URL.
```
https://mcp.getlayers.ai/mcp
```
2. Sign in and authorize
  Connect it, sign in with your GetLayers account and approve access.
3. Start building
  Ask in your own words. More detail, and reference images for scenes, give better results.
```
Build me a landing page for a premium AI analytics product — dark, cinematic, with a 3D hero.
```
1. Add GetLayers to your MCP config
  Cursor → Settings → MCP → New MCP Server, then paste this into mcp.json.
```
{
  "mcpServers": {
    "getlayers": {
      "url": "https://mcp.getlayers.ai/mcp"
    }
  }
}
```
2. Sign in and authorize
  A browser window opens. Sign in with your GetLayers account and approve access.
3. Start building
  Ask in your own words. More detail, and reference images for scenes, give better results.
```
Build me a landing page for a premium AI analytics product — dark, cinematic, with a 3D hero.
```
1. Register the GetLayers MCP server
  Run this in a terminal.
```
codex mcp add getlayers -- npx -y mcp-remote https://mcp.getlayers.ai/mcp
```
2. Sign in and authorize
  A browser window opens. Sign in with your GetLayers account and approve access.
3. Start building
  Ask in your own words. More detail, and reference images for scenes, give better results.
```
Build me a landing page for a premium AI analytics product — dark, cinematic, with a 3D hero.
```
1. Add a custom connector
  In ChatGPT, Windsurf, Cline or any other MCP client: add a custom connector or MCP server, then paste this URL.
```
https://mcp.getlayers.ai/mcp
```
2. Sign in and authorize
  A browser window opens. Sign in with your GetLayers account and approve access.
3. Start building
  Ask in your own words. More detail, and reference images for scenes, give better results.
```
Build me a landing page for a premium AI analytics product — dark, cinematic, with a 3D hero.
```

Use it

See it in use

Build with Figma
New
Edit a template's design in Figma. Your agent reads the frame through the Figma MCP and the GetLayers MCP, then ships the live site.
Build a website from scratch
Start from a template and reshape it, or compose one section by section, all in one style.
Design a custom 3D scene
Describe the mood and motion, attach reference images, and get an original scene built on the library's techniques.
Browse the library and pull an asset
Ask for a scene, gradient, section or template and it goes into your build.
Add video backgrounds
Describe the mood. It finds the closest background and wires it in full-bleed, tinted to your design.
Add motion & 3D to an existing project
Point it at your repo. It reads your code, suggests where a scene, scroll motion or background fits, and pulls the pieces in.
Don't understand how it works?
1. Connect — Add the server once, sign in.
2. Ask — A site, a scene or a section, in your own words.
3. It builds — From the library, in your project, in your style.
Full Stack subscribers get a private Discord where we can support you.
See plans Read the docs

Use it

Full capabilities

Every MCP tool. You don't need to know them: just describe the task in plain words.

Every tool in the GetLayers MCP, what it does, what it covers and who can use it
Tool	What it does	Covers	Access
Start & plan
Start a build`getlayers_start`	Loads the playbook: what it can build, the house guide and the library's vocabulary.	Every mode	Unlimited
Plan from a brief`getlayers_plan`	Turns your brief into a style to commit to and the templates that fit it.	Styles Templates	Unlimited
Keep it coherent`getlayers_state_schema`	The schema for `getlayers.json`, the file that keeps section 6 in the same style as section 1.	Your project	Unlimited
Find in the library
Search in plain words`getlayers_search`	“Wet neon hero”, “calm pricing page”: ranked by meaning, colour variants included.	Templates Sections 3D scenes Gradients Backgrounds Styles	Unlimited
Browse by feel`getlayers_browse`	Every layer of a kind, ranked by mood, tone, motion and density, each with a preview link.	Templates Sections 3D scenes Gradients Backgrounds Styles	Unlimited
See everything`getlayers_explore`	The whole library as context, for a free-form build.	Templates Sections 3D scenes Gradients Backgrounds Styles	Unlimited
Build with it
Pull the real thing`getlayers_materialize`	The layer's source, tinted to your style, as a Next.js project or one HTML file. A whole template is one download.	Templates Sections 3D scenes Gradients Backgrounds	Fair use
Take one file`getlayers_source`	A single component, hook or config from a template, instead of the whole project.	Templates	Fair use
Build from Figma`getlayers_figma_match`	Finds the template behind a frame you edited in Figma, so your agent rebuilds the site from its real source with your changes.	Templates Figma	Unlimited
Design a new 3D scene`getlayers_scene_lab`	An original scene from your description and reference images, built on the library's techniques.	3D scenes	Fair use
Tools & favourites
The AI design tools`getlayers_tools`	The 12 AI design tools that work through the MCP (all but Image Compressor) and their presets, so your agent can pick the closest starting point for your brief.	AI design tools	Unlimited
Make a new effect`getlayers_tool_look`	Tunes a tool's preset to your brief and returns the tool's exact build prompt. Nothing to save first.	Text Animations Image Motion SVG to 3D Refract Particle Forms Holographic Cloth Custom Cursors Dither Art Orb Studio Shader Backgrounds ASCII Studio Liquid Colour	Unlimited
Your saved list`getlayers_my_favourites`	Everything you saved on getlayers.ai: hearted layers, tuned gradients and scenes, and tool looks.	Favourites Saved looks Tool looks	Unlimited
Rebuild a saved look`getlayers_reproduce`	Rebuilds any saved item 1:1 in your project. A tool look arrives as its exact build prompt, with your uploaded files.	Text Animations Custom Cursors ASCII Studio Particle Forms Holographic Cloth Image Motion SVG to 3D Refract Liquid Colour Orb Studio Dither Art Shader Backgrounds Favourites	Partly fair use
Restyle anything
Layout skeletons`getlayers_compositions`	Section layouts (hero, card grid, CTA, footer) so pages don't fall back to a generic stack.	Sections Templates	Unlimited
Re-tint`getlayers_palettes`	Colour ramps that re-dress any scene, gradient or section to match your site.	3D scenes Gradients Sections	Unlimited
Re-type`getlayers_fonts`	Production typefaces with the exact CSS and load link, paired display + body.	Typography	Unlimited

Questions

Questions, answered

Which plan do I need?

Which AI tools does it work with?

Do I need an API key?

Do I need to install a skill?

Can I see an asset before I use it?

Start here

Set up in under a minute

Pick your AI tool
You'll get the exact steps.
1. Install the plugin
  Run these inside Claude Code.
```
/plugin marketplace add textura-agency/getlayers-plugin
/plugin install getlayers@getlayers
```
2. Sign in and authorize
  A browser window opens. Sign in with your GetLayers account and approve access.
3. Start building
  Ask in your own words. More detail, and reference images for scenes, give better results.
```
Build me a landing page for a premium AI analytics product — dark, cinematic, with a 3D hero.
```
1. Add a custom connector
  In claude.ai or the Claude desktop app: Settings → Connectors → Add custom connector, then paste this URL.
```
https://mcp.getlayers.ai/mcp
```
2. Sign in and authorize
  Connect it, sign in with your GetLayers account and approve access.
3. Start building
  Ask in your own words. More detail, and reference images for scenes, give better results.
```
Build me a landing page for a premium AI analytics product — dark, cinematic, with a 3D hero.
```
1. Add GetLayers to your MCP config
  Cursor → Settings → MCP → New MCP Server, then paste this into mcp.json.
```
{
  "mcpServers": {
    "getlayers": {
      "url": "https://mcp.getlayers.ai/mcp"
    }
  }
}
```
2. Sign in and authorize
  A browser window opens. Sign in with your GetLayers account and approve access.
3. Start building
  Ask in your own words. More detail, and reference images for scenes, give better results.
```
Build me a landing page for a premium AI analytics product — dark, cinematic, with a 3D hero.
```
1. Register the GetLayers MCP server
  Run this in a terminal.
```
codex mcp add getlayers -- npx -y mcp-remote https://mcp.getlayers.ai/mcp
```
2. Sign in and authorize
  A browser window opens. Sign in with your GetLayers account and approve access.
3. Start building
  Ask in your own words. More detail, and reference images for scenes, give better results.
```
Build me a landing page for a premium AI analytics product — dark, cinematic, with a 3D hero.
```
1. Add a custom connector
  In ChatGPT, Windsurf, Cline or any other MCP client: add a custom connector or MCP server, then paste this URL.
```
https://mcp.getlayers.ai/mcp
```
2. Sign in and authorize
  A browser window opens. Sign in with your GetLayers account and approve access.
3. Start building
  Ask in your own words. More detail, and reference images for scenes, give better results.
```
Build me a landing page for a premium AI analytics product — dark, cinematic, with a 3D hero.
```

Use it

Full capabilities

Every MCP tool. You don't need to know them: just describe the task in plain words.

Every tool in the GetLayers MCP, what it does, what it covers and who can use it
Tool	What it does	Covers	Access
Start & plan
Start a build`getlayers_start`	Loads the playbook: what it can build, the house guide and the library's vocabulary.	Every mode	Unlimited
Plan from a brief`getlayers_plan`	Turns your brief into a style to commit to and the templates that fit it.	Styles Templates	Unlimited
Keep it coherent`getlayers_state_schema`	The schema for `getlayers.json`, the file that keeps section 6 in the same style as section 1.	Your project	Unlimited
Find in the library
Search in plain words`getlayers_search`	“Wet neon hero”, “calm pricing page”: ranked by meaning, colour variants included.	Templates Sections 3D scenes Gradients Backgrounds Styles	Unlimited
Browse by feel`getlayers_browse`	Every layer of a kind, ranked by mood, tone, motion and density, each with a preview link.	Templates Sections 3D scenes Gradients Backgrounds Styles	Unlimited
See everything`getlayers_explore`	The whole library as context, for a free-form build.	Templates Sections 3D scenes Gradients Backgrounds Styles	Unlimited
Build with it
Pull the real thing`getlayers_materialize`	The layer's source, tinted to your style, as a Next.js project or one HTML file. A whole template is one download.	Templates Sections 3D scenes Gradients Backgrounds	Fair use
Take one file`getlayers_source`	A single component, hook or config from a template, instead of the whole project.	Templates	Fair use
Build from Figma`getlayers_figma_match`	Finds the template behind a frame you edited in Figma, so your agent rebuilds the site from its real source with your changes.	Templates Figma	Unlimited
Design a new 3D scene`getlayers_scene_lab`	An original scene from your description and reference images, built on the library's techniques.	3D scenes	Fair use
Tools & favourites
The AI design tools`getlayers_tools`	The 12 AI design tools that work through the MCP (all but Image Compressor) and their presets, so your agent can pick the closest starting point for your brief.	AI design tools	Unlimited
Make a new effect`getlayers_tool_look`	Tunes a tool's preset to your brief and returns the tool's exact build prompt. Nothing to save first.	Text Animations Image Motion SVG to 3D Refract Particle Forms Holographic Cloth Custom Cursors Dither Art Orb Studio Shader Backgrounds ASCII Studio Liquid Colour	Unlimited
Your saved list`getlayers_my_favourites`	Everything you saved on getlayers.ai: hearted layers, tuned gradients and scenes, and tool looks.	Favourites Saved looks Tool looks	Unlimited
Rebuild a saved look`getlayers_reproduce`	Rebuilds any saved item 1:1 in your project. A tool look arrives as its exact build prompt, with your uploaded files.	Text Animations Custom Cursors ASCII Studio Particle Forms Holographic Cloth Image Motion SVG to 3D Refract Liquid Colour Orb Studio Dither Art Shader Backgrounds Favourites	Partly fair use
Restyle anything
Layout skeletons`getlayers_compositions`	Section layouts (hero, card grid, CTA, footer) so pages don't fall back to a generic stack.	Sections Templates	Unlimited
Re-tint`getlayers_palettes`	Colour ramps that re-dress any scene, gradient or section to match your site.	3D scenes Gradients Sections	Unlimited
Re-type`getlayers_fonts`	Production typefaces with the exact CSS and load link, paired display + body.	Typography	Unlimited

Build with GetLayers from your AI assistant

Build with GetLayers from your AI assistant

Don't understand how it works?

Don't understand how it works?