Manual install procedure

For most users, install the CSS Export plugin from the Figma Community — that’s the easiest path and it auto-updates whenever we ship a new version.

The manual install procedure below is for Org and Enterprise license holders who want to customize the plugin’s source code. You’ll have downloaded a zip from the download center (the link is in your original purchase email).

Steps#

1. Download the plugin zip from the download center and unzip it.
2. In the Figma desktop app, go to Plugins → Development → Import plugin from manifest…
3. Select the manifest.json file inside the unzipped folder.
4. Run the plugin — either open the command menu (⌘/ on Mac, Ctrl+/ on Windows) and start typing Obra shadcn/ui Pro CSS Export, or find it in your list of plugins under Plugins → Development.

Notes#

• This only works in the Figma desktop app, not the browser.
• Don’t move or rename the unzipped folder after importing — Figma loads the plugin from that exact path. We recommend placing it in the ~/Sites folder on Mac, or a similar folder on Windows.