Connect Wireframely to Claude, Cursor or any client that speaks the Model Context Protocol. Your assistant can then read your library, create wireframes and place components from the same library you use in the editor. Everything it builds is ordinary frames, Stacks and layers you can open and edit.
Set it up
- 1Open Settings and create a token under MCP access. Copy it; it's shown once.
- 2Add the server to your client with the config below, pasting your token where it says so.
- 3Restart the client and ask it to list your wireframes.
Config
{
"mcpServers": {
"wireframely": {
"type": "http",
"url": "https://api.wireframely.com/mcp",
"headers": {
"Authorization": "Bearer YOUR_TOKEN"
}
}
}
}Tools
Read
- list_workspaces
- Your workspace, where your wireframes live, and whether it's on Pro.
- list_components
- Every component you can place, with its props and defaults.
- list_icons
- The icons you can place.
- list_wireframes
- The wireframes in a workspace, newest first.
- get_wireframe
- A wireframe's theme, frames and an outline of their layers.
- get_layer
- One layer's full properties, parent and children.
Change
- create_wireframe
- A new wireframe on a desktop, laptop, tablet or mobile frame.
- duplicate_wireframe
- A copy of a wireframe in the same workspace.
- rename_wireframe
- Renames a wireframe.
- set_theme
- Fidelity, density, corners, greys, stroke and accent.
- delete_wireframe
- Deletes a wireframe for good.
- add_frame
- Another frame, from a device preset or any size.
- resize_frame
- Resizes a frame to a device or exact size.
- add_component
- Places a component, built from Stacks like everything else.
- add_layer
- Text, a shape, a line, an image placeholder, an icon or a Stack.
- update_layer
- Name, visibility, position, colours, text style, size and Stack settings.
- set_text
- Changes the words in a text layer.
- move_layer
- Moves a layer, or into another frame, Stack or group.
- reorder_layer
- Changes a layer's order among its siblings.
- delete_layer
- Removes a layer and everything in it.
The server also offers the component catalogue, icons and your limits as resources, and two prompts: build_landing_page and build_mobile_onboarding.
Tokens
Each token is read only, or read and write, and lasts 30 days, 90 days or until you revoke it. You can hold up to 20. Settings shows when each was last used and how many requests it made. A read-only token can look at everything you can, but can't change anything.
Plans and limits
The server follows your plan: free workspaces keep their wireframe limit and the free components, and Pro components need a Pro workspace. A read counts as 1 call, most changes as 2, and duplicating a wireframe as 5. Over the limit, the server answers 429 with a Retry-After header.
| Free | Pro | |
|---|---|---|
| Per token | 60 calls, then 1 a second | 240 calls, then 4 a second |
| Per account | 120 calls, then 2 a second | 480 calls, then 8 a second |
| Changes per day | 300 | 10,000 |