Skip to content

Share and export

Take a saved result into the next part of your workflow.

2 min read

Choose the version

Select the component and wait for the latest change to save. Open Share to see its export and handoff options.

Choose an output

  • Copy for AI copies the component context for use with a coding agent.
  • Download .tsx saves the component source as a file.
  • Provider handoff options help you continue in the connected coding workflow.

Understand agent access

Agent access includes the component in shared discovery for supported connections. Turn it on when those clients need to find the component.

Connections with canvas-management permission can still read and edit the canvas when this switch is off. Manage the connection itself to revoke that broader access.

Verify the destination

Bring required libraries, fonts, and assets into the destination application. Test the interface with real data and the application’s styling.

Exporting a component does not deploy the interface into your app or connect a backend.

Next steps