> ## Documentation Index
> Fetch the complete documentation index at: https://docs.profy.cn/llms.txt
> Use this file to discover all available pages before exploring further.

# Creative Canvas

> Visual creative project collaboration

Creative Canvas is Profy's visual collaboration workspace — open the canvas panel alongside your conversation and let Expert draw diagrams, create visual content, or explore creative ideas on an interactive canvas.

## What Is Creative Canvas

The canvas is an interactive visual panel that sits side by side with your conversation. You chat with Expert on the left while the canvas on the right displays Expert's visual creations in real time. This makes a "say it, see it, tweak it" creative collaboration possible.

## Core Capabilities

<CardGroup cols={2}>
  <Card title="Diagram Drawing" icon="diagram-project">
    Flowcharts, architecture diagrams, mind maps, org charts — Expert draws various structured diagrams on the canvas based on your descriptions.
  </Card>

  <Card title="Visual Sketches" icon="pencil">
    UI sketches, wireframes, concept maps — quickly visualize your ideas without needing to master any design tools.
  </Card>

  <Card title="Interactive Creation" icon="hand-pointer">
    Canvas content is interactive — you can zoom, drag, and select elements, then tell Expert to modify specific parts.
  </Card>

  <Card title="Export and Share" icon="file-export">
    Finished canvas content can be exported as images for insertion into documents or sharing with others.
  </Card>
</CardGroup>

## How to Use

<Steps>
  <Step title="Open the Canvas">
    Tell Expert in the conversation that you need to create visual content, and Expert will automatically open the canvas panel. You can also manually select the canvas from the workspace panel.
  </Step>

  <Step title="Describe the Content">
    Use natural language to describe what you want to see on the canvas. For example: "Draw a user registration flowchart, from opening the app to completing registration."
  </Step>

  <Step title="View and Interact">
    After Expert draws content on the canvas, you can freely explore — zoom in to see details, drag to adjust positions.
  </Step>

  <Step title="Iterate and Refine">
    Point out anything you're not happy with directly in the conversation. For example: "Split the payment flow node into two steps" or "Change the overall color scheme to blue tones."
  </Step>

  <Step title="Export the Result">
    Once satisfied, export the canvas content as an image for use elsewhere.
  </Step>
</Steps>

## Use Cases

<AccordionGroup>
  <Accordion title="Product Design">
    Draw user journey maps, feature architecture diagrams, and page flow charts to visually organize product logic.
  </Accordion>

  <Accordion title="Project Planning">
    Create project Gantt charts, milestone timelines, and task dependency diagrams to give the team a clear view of progress.
  </Accordion>

  <Accordion title="Technical Architecture">
    Draw system architecture diagrams, microservice call graphs, and database ER diagrams to support technical discussions.
  </Accordion>

  <Accordion title="Teaching and Explanation">
    Explain complex concepts to others through diagrams — Expert can turn your text descriptions into clear illustrations.
  </Accordion>

  <Accordion title="Brainstorming">
    Expand your thinking on the canvas in the form of mind maps or concept maps — chat and draw at the same time to spark creativity.
  </Accordion>
</AccordionGroup>

## Tips

<Tip>
  * **Describe structure before style**: Tell Expert the logical relationships in the diagram (which nodes, how they connect), then specify visual preferences (colors, shapes)
  * **Build incrementally**: Complex diagrams can be drawn section by section — start with the main structure, then fill in details
  * **Use references**: If you have screenshots or sketches of similar diagrams, upload them for Expert to use as reference
</Tip>

## Working with Other Capabilities

The canvas can be used together with Expert's other capabilities. For example, sketch a UI on the canvas first, then have Expert turn it into a real website using Sites; or while discussing a technical approach, have Expert draw an architecture diagram on the canvas while simultaneously searching for relevant technical documentation.

## Billing

<Note>
  Credit consumption for the canvas comes from model calls in the conversation. The canvas rendering and interactions themselves incur no additional charges.
</Note>