Skip to main content
For company context, brand voice, and design guidelines, use design docs.

​
Access project settings

The Project section of the left sidebar with its gear icon hovered, showing the Configure code export tooltip
  1. Open your project in the editor
  2. In the left sidebar, find the Project section
  3. Click the Configure code export icon next to Project
You should see the Code export settings dialog.

​
Import alias

Set the path prefix used for component imports in generated code. Default: @/ui/components This determines how import statements appear in your exported code:
Change this to match your project’s directory structure and TypeScript path aliases.

​
Icon imports

Choose how icons are imported in generated code.

​
Import as component

Icons are imported as React components and passed as elements:

​
Import as string

For legacy projects. Icons are referenced by name as strings:
If your project has uploaded custom icons, you must use “Import as component”. The string option is disabled when custom icons are present.
Last modified on October 8, 2026