# How to Get Code from Framer

> To get code from Framer, open your project, access the menu bar, and select Code. Next, create and name your custom code component, click Create to add it to your project, review the syntax highlighting, and click Copy link to paste the code into your local project.

Canonical: https://livedemo.ai/tutorials/how-to-get-code-from-framer/
Apps: Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3edaab56e05a00fe6af1/preview?step=1

## Steps

1. Open your Framer project.
2. Click on the menu bar.
3. Select 'Code'.
4. Click 'Create Code Component' to start building your custom code component.
5. Name your component something descriptive.
6. Click 'Create' and finalize your component and add it to your project.
7. Review code syntax highlighting for easier development.
8. Click 'Copy link' and paste it into your local project.