​
1. Sign Up & Create a Project

  • New users can sign up with an email or a social account.
  • Once logged in, click Create Blank Project or choose from pre-built templates.
  • Enter a project name and select a framework if applicable.

​
2. Exploring the Dashboard

  • The dashboard provides a list of your projects.
  • You can search for existing projects or start a new one.
  • Use the AI-powered assistant to generate designs or edit existing ones.

​
3. Building Your First Design

  • Use the design editor to drag and drop UI elements.
  • Customize styles, layout, and content in real time.
  • AI-powered design suggestions help streamline your workflow.

​
4. Code Editing

  • The Code Editor allows direct modifications to the UI components.
  • Any change in the design automatically updates the code.
  • Utilize Shadcn components for a consistent design system.

​
5. AI-Powered Assistance

  • Generate complete designs using AI.
  • Inline AI-powered editing allows real-time modifications.
  • AI can suggest improvements and automate repetitive tasks.

​
6. Deploying Your Project

  • Preview your design and code before deployment.
  • Share a prototype with team members for feedback.
  • Click Publish to deploy your application.