Subframe

Design and edit UI in Subframe with the design canvas in chat

Add to Claude
(opens in new tab)

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.

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
  • design_component
  • design_page
  • design_snippet
  • duplicate
  • edit_component
  • edit_page

Only use connectors from developers you trust. Anthropic does not control which tools developers make available and cannot verify that they will work as intended or that they won’t change.

Related connectors

Google Drive

Search, read, and upload files instantly

Add Google Drive in Claude (opens in new tab)

Google Calendar

Manage your schedule and coordinate meetings effortlessly

Add Google Calendar in Claude (opens in new tab)

Microsoft 365

Access SharePoint, OneDrive, Outlook, and Teams directly in Claude

Add Microsoft 365 in Claude (opens in new tab)

Notion

Connect your Notion workspace to search, update, and power workflows across tools

Add Notion in Claude (opens in new tab)

Slack

Send messages, create canvases, and fetch Slack data

Add Slack in Claude (opens in new tab)

Atlassian MCP

Search, read and update Jira, Confluence, Bitbucket, Loom and other Atlassian apps with your existing Atlassian permissions.

Add Atlassian MCP in Claude (opens in new tab)