Subframe
Claude connectorDesign and edit UI in Subframe with the design canvas in chat
Design pages, components, and snippets in Subframe, a visual design tool built on HTML and CSS. Find inspiration in real landing pages, update your theme, and write design documents. Read designs and their React and Tailwind code to implement them in your codebase. Export designs as images or PDFs. Interactive cards in chat open the design canvas fullscreen for visual editing on desktop or the Subframe app on phones.
Subframe is #1,225 of 11,065 Claude connectors by popularity. It is #442 of 4,156 by trending score.
- Tools
- 67
exposed by this connector
Movement
From our daily snapshots over the last 30 days.
Rank by popularity
Rank by trending score
Popularity score
Trending score
1 listing change logged · latest Nov 11: Categories. See what changed
In its categories
How this connector compares with others in the same category. Positions are counted within the category, not across the whole directory.
Productivity632nd of 6,074 by popularity · 241st of 2,231 by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 630 | 10,972 | 23,098 #645 | — | |
| 631 | 10,970 | 31,634 #335 | 32places down | |
| 632 | 10,967 | 35,807 #241 | — | |
| 633 | 10,959 | 14,377 #1273 | 26places down | |
| 634 |  BankSync | 10,948 | 23,486 #621 | 30places down |
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 239 | 36,017 | 15,937 #113 | 27places up | |
| 240 | 36,011 | 13,355 #304 | 18places up | |
| 241 | 35,807 | 10,967 #632 | — | |
| 242 |  Unsplash | 35,794 | 16,602 #82 | 16places up |
| 243 |  Resend | 35,771 | 16,791 #75 | 27places up |
Also on other marketplaces
Screenshots
Example prompts
- “Create a new Subframe project for Fernzi, an indoor garden kit, set up a theme with fitting colors and fonts, then design three landing page variations side by side.”
- “Give only the second variation a split layout with a large garden photo beside the headline and plant cards below.”
Install
claude plugin marketplace add https://github.com/SubframeApp/subframe && claude plugin install subframe@subframe
Tools
- add_fonts
- add_icons
- add_images
- create_asset_upload
- create_component
- create_page
- create_project
- delete_canvas
- delete_component
- delete_design_document
- delete_folder
- delete_fonts
- delete_icons
- delete_images
- delete_page
- delete_project
- delete_snippet
- delete_theme
Show all 67Show fewer
- design_component
- design_page
- design_snippet
- duplicate
- edit_component
- edit_page
- edit_snippet
- edit_theme
- export_image
- finish_working
- generate_auth_token
- get_canvas_info
- get_component_info
- get_design_guidance
- get_icon_info
- get_motion_example
- get_motion_guidance
- get_page_info
- get_project_info
- get_prototype_info
- get_snippet_info
- get_theme
- import_theme
- list_canvases
- list_comments
- list_components
- list_folders
- list_fonts
- list_icons
- list_images
- list_pages
- list_projects
- list_prototypes
- list_snippets
- list_themes
- move
- open_subframe
- read_prototype_file
- rename
- screenshot_component
- screenshot_page
- search_docs
- search_icons
- search_inspiration
- search_motion_examples
- update_node_styles
- wait_for_jobs
- write_design_document
- open_editor_session
- Categories
- Sign-in
- Required
- Connector URL
- https://mcp.subframe.com/mcp
- Transport
- Streamable HTTP
- Works with
- Claude, Claude API, Claude Code, Claude Desktop
- Added
- October 31, 2026
- More info
- Sponsorship
- Promote this connector