Integrations

Embed a live prototype in a page

1. 1.In the studio, open Share and create a link set to "Anyone with the link".
2. 2.Copy the embed code.
3. 3.In Confluence, add an Iframe macro (or an HTML block) and paste it in.

Sign-in inside an embed is often blocked by browsers, so embeds work best with a link anyone can open.

Attach the prototype and its acceptance criteria to a ticket

1. 1.Create a share link and paste it into the ticket; Jira turns it into a smart link.
2. 2.Use Export in the studio to generate the user story, the data dictionary and Gherkin scenarios.
3. 3.Copy the Gherkin section straight into the ticket description.

Drop a clickable prototype into a doc

1. 1.Create a share link.
2. 2.In Notion, type /embed and paste the link.

Build a Lightning page from a Figma frame

1. 1.In Figma, export the frame as PNG or PDF (Export at 2x keeps the text readable).
2. 2.In SFProto, attach the file to an AI request with Attach wireframes.
3. 3.Say which object the page is for, and the AI matches the layout, fields and actions.

Reading a Figma file directly through the Figma API is planned; today the export is the bridge.

Drive SFProto from your AI tool with MCP

1. 1.Claude Desktop: add an "sfproto" server to claude_desktop_config.json that runs the bundled MCP server, then restart it.
2. 2.Cursor or Windsurf: add a remote MCP server of type SSE pointing at https://www.sfproto.com/api/mcp?transport=sse.
3. 3.Your tool can then generate prototypes, read saved pages and export LWC code.

Share a link in a channel

1. 1.Create a share link and paste it into the channel.

Shared prototypes are deliberately not indexed, so a link may appear as plain text rather than a rich preview.

Deploying a prototype into an org

1. 1.Export in the studio produces Lightning Web Component scaffolding (.html, .js, .js-meta.xml, .css) for a developer to take into a project.
2. 2.Direct deployment to an org, and reading real metadata, are not built.

SFProto never connects to a Salesforce org, so nothing you build here can touch real data.