> ## Documentation Index
> Fetch the complete documentation index at: https://subframe-59800133-claude-pensive-edison-vkext.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Project settings

> Configure project settings like code generation and AI preferences.

## Access project settings

<Frame>
  <img src="https://mintcdn.com/subframe-59800133-claude-pensive-edison-vkext/-x3cEgbkuFm67xsT/images/projects/project-settings-entrypoint.png?fit=max&auto=format&n=-x3cEgbkuFm67xsT&q=85&s=89807a4303fc8e02a29f089ae512c2bf" alt="Project settings showing the project settings dialog" width="440" height="519" data-path="images/projects/project-settings-entrypoint.png" />
</Frame>

1. Open [Subframe](https://app.subframe.com)
2. Click the project switcher in the top nav
3. Select **Project settings**

You should see the project settings dialog.

<Frame>
  <img src="https://mintcdn.com/subframe-59800133-claude-pensive-edison-vkext/-x3cEgbkuFm67xsT/images/projects/project-settings.png?fit=max&auto=format&n=-x3cEgbkuFm67xsT&q=85&s=4af8562f0a78ff67d00f7d89496b0c65" alt="Project settings showing the project settings dialog" width="1028" height="920" data-path="images/projects/project-settings.png" />
</Frame>

## 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:

```tsx theme={null}
import { Button } from "@/ui/components/Button"
```

Change this to match your project's directory structure and TypeScript path aliases.

## Company context

Provide context to help AI generate designs that are more relevant to your product.

#### Company name

Your company or product name. AI uses this to personalize generated content and copy.

#### Description

Describe your company, product, and design preferences. This helps AI understand:

* What your product does
* Your target audience
* Tone and style preferences
* Any specific design guidelines

<Tip>The more context you provide, the better AI can tailor designs to your brand and product.</Tip>

## Icon imports

Choose how icons are imported in generated code.

#### Import as component

Icons are imported as React components:

```tsx theme={null}
import { FeatherIcon } from "@/ui/components/FeatherIcon"
```

```tsx theme={null}
<FeatherIcon name="check" />
```

#### Import as string

Icons are referenced by name as strings:

```tsx theme={null}
import { Icon } from "@/ui/components/Icon"
```

```tsx theme={null}
<Icon name="FeatherCheck" />
```

<Info>
  If your project has uploaded custom icons, you must use "Import as component". The string option is disabled when
  custom icons are present.
</Info>