From 67d54f5b6b60bbf015a0ee304a02d38147b46cca Mon Sep 17 00:00:00 2001 From: Claude Date: Thu, 10 Sep 2026 16:18:56 +0000 Subject: [PATCH 1/2] Refresh editor left panel and Ask AI toolbar docs Describe the combined Project section (All pages, Design system, Flows) in the editor left panel, and fold the Figma import reference into the Upload image tool since it is no longer a standalone toolbar entry. Co-Authored-By: Claude Opus 4.8 (1M context) Claude-Session: https://claude.ai/code/session_01E83k6fb1TaroV4ykZfhtiF --- packages/docs/learn/ask-ai/prompt-to-design.mdx | 3 +-- packages/docs/learn/editor/overview.mdx | 10 +++++++--- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/packages/docs/learn/ask-ai/prompt-to-design.mdx b/packages/docs/learn/ask-ai/prompt-to-design.mdx index c41d87db..fcd71d07 100644 --- a/packages/docs/learn/ask-ai/prompt-to-design.mdx +++ b/packages/docs/learn/ask-ai/prompt-to-design.mdx @@ -63,8 +63,7 @@ Each chat is labeled with the page, component, or flow it last worked on. Click Ask AI includes additional tools: - **[Adding context with @](/learn/ask-ai/adding-context)** — Reference other pages, components, snippets, and docs in your prompt -- **[Upload image](/learn/ask-ai/image-to-design)** — Add reference images -- **[Import from Figma](/learn/ask-ai/image-to-design#import-from-figma)** — Import Figma designs using the image model +- **[Upload image](/learn/ask-ai/image-to-design)** — Add reference images, including [Figma frames pasted as PNGs](/learn/ask-ai/image-to-design#import-from-figma) - **[Reference a web page](/learn/ask-ai/image-to-design#reference-a-web-page)** — Paste a URL to use a live web page as a reference - **[Personalize AI](/learn/ask-ai/personalizing-ai)** — Configure project-wide context diff --git a/packages/docs/learn/editor/overview.mdx b/packages/docs/learn/editor/overview.mdx index 6e72b5d9..7e7bfad3 100644 --- a/packages/docs/learn/editor/overview.mdx +++ b/packages/docs/learn/editor/overview.mdx @@ -42,11 +42,15 @@ The editor consists of three main areas: left panel, canvas (center), and Inspec ### Left panel -You have the following panels available to you: +The top of the left panel is the **Project** section, which brings your project's navigation into one place: -**Pages** — Switch between pages and flows in your project. Navigate to different designs or subcomponents when editing components. +- **All pages** — Jump to any page in your project. +- **Design system** — Browse your Theme, Components, Snippets, Icons, and Documentation. +- **Flows** — Open a flow to work on its pages together. -**Layers** — View and organize the element hierarchy for the current page. Select, reorder, or group elements. Shows the complete component tree. +Below it, the **Layers** section shows the element hierarchy for the page you're editing. Select, reorder, or group elements in the tree. Drag the divider between the sections to resize them. + +{/* TODO: Update image — the left panel now leads with a combined Project section (All pages, Design system, Flows) above Layers */} ### Canvas (center) From 48664a8f7d5efac52b017501f94fc18e6e9d4df6 Mon Sep 17 00:00:00 2001 From: Claude Date: Thu, 10 Sep 2026 16:24:48 +0000 Subject: [PATCH 2/2] Note that the Ask AI panel opens by default The Ask AI dock now opens by default and persists across project switches, so describe it as a toggle rather than a panel you open. Co-Authored-By: Claude Opus 4.8 (1M context) Claude-Session: https://claude.ai/code/session_01E83k6fb1TaroV4ykZfhtiF --- packages/docs/learn/editor/overview.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/docs/learn/editor/overview.mdx b/packages/docs/learn/editor/overview.mdx index 7e7bfad3..8e2ed290 100644 --- a/packages/docs/learn/editor/overview.mdx +++ b/packages/docs/learn/editor/overview.mdx @@ -30,7 +30,7 @@ You can use the mode buttons in the top-right of the editor to switch between th -[Ask AI](/learn/ask-ai/prompt-to-design) is available in every mode — click the **Ask AI** button in the toolbar or press Cmd + / to open the docked panel and generate pages, components, and theme changes from a prompt. +[Ask AI](/learn/ask-ai/prompt-to-design) is available in every mode. The docked panel opens by default and stays open as you switch projects — press Cmd + / or click the **Ask AI** button in the toolbar to toggle it. Use it to generate pages, components, and theme changes from a prompt. ## Editor layout