# Share and export

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

Source: https://tenor.design/docs/handoff/sharing-and-export

## 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

- [Tenor MCP: connect coding agents](https://tenor.design/docs/handoff/coding-agents) — Connect Codex, Claude, or Cursor to Tenor’s authenticated MCP endpoint. Inspect shared React components and continue with permitted canvas and version tools.
- [Troubleshooting and limits](https://tenor.design/docs/reference/limits) — Find the next useful step when something does not work as expected.