Install the CSS Export plugin locally

Temporary access: while the Figma community listing is still under review, we’re temporarily allowing every license tier to access the plugin source and install it locally. Once the community listing goes live, access to the plugin source code will be scoped to Organization and Enterprise tiers.

You can install and run the Obra shadcn/ui Pro CSS Export plugin locally from the download center.

Steps

1. Download the plugin zip from the download center (the link is in your original purchase email) 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.