diff --git a/packages/docs/learn/projects/project-settings.mdx b/packages/docs/learn/projects/project-settings.mdx index 3ed98983..ad2dd906 100644 --- a/packages/docs/learn/projects/project-settings.mdx +++ b/packages/docs/learn/projects/project-settings.mdx @@ -1,6 +1,6 @@ --- title: Project settings -description: Configure project settings like code generation and AI preferences. +description: Configure how Subframe generates and exports code for your project. --- ## Access project settings @@ -8,7 +8,7 @@ description: Configure project settings like code generation and AI preferences. The Design System section in the left sidebar with the Project settings gear icon highlighted @@ -16,14 +16,16 @@ description: Configure project settings like code generation and AI preferences. 1. Open your project in the editor 2. In the left sidebar, find the **Design System** section -3. Click the **Settings** icon next to **Design System** +3. Click the **Configure code export** icon next to **Design System** -You should see the project settings dialog. +The **Code export settings** dialog opens. - Project settings showing the project settings dialog + The Code export settings dialog showing import alias and icon import options +{/* TODO: Update image — the dialog is now titled "Code export settings" and no longer includes company context fields */} + ## Import alias Set the path prefix used for component imports in generated code. @@ -38,25 +40,6 @@ 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 - -The more context you provide, the better AI can tailor designs to your brand and product. - ## Icon imports Choose how icons are imported in generated code.