# Framer Figma Integration

> To integrate Figma in Framer, open your project, go to Plugins, and select Browse All. Search for Figma, choose FrameKit, and click Open Plugin. Select your Framer project to complete authentication and return to building your website.

Canonical: https://livedemo.ai/tutorials/framer-figma-integration/
Apps: Framer, Figma
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/6929ff407dd0e157abed9210/preview?step=1

## Steps

1. Open your Framer project.
2. Click on the 'Plugins'.
3. Select 'Browse All...'
4. Click on the search icon.
5. In the search bar, type 'Figma'.
6. Select 'FrameKit'.
7. Click 'Open Plugin'.
8. Select the Framer project.
9. Authentication complete! Return to Framer to continue building your stunning website.