1. Design

  • Image Upload: Upload and integrate images directly into your designs.
  • Font and Typography Editing: Customize font types, sizes, weights, and styles.
  • Color Tokens: Define and apply reusable color variables across designs.
  • Shadow Editing: Adjust shadows for depth and emphasis in your UI.
  • Padding & Spacing: Fine-tune margins and padding for precise alignment.
  • Layout Editing: Configure layouts using flex, block, and other display properties.

2. Code

  • VS Code Integration: Seamlessly connect your project with VS Code.
  • Built-in Integrations: Utilize VS Code extensions for linting, formatting, and debugging.
  • Live Sync: Code changes reflect instantly within the design editor.

3. AI

  • Inline AI Design Editing: Make minor UI adjustments quickly with AI assistance.
  • AI Chat Box for Major Edits: Modify large design sections using AI suggestions.
  • Dashboard AI Chat Box: Choose from pre-built templates, customize prompts, and generate designs efficiently.

4. Publishing

  • One-Click Publish: Deploy your application instantly with a single click.
  • Live Preview: See your application update in real-time as you make changes.
  • Easy Sharing: Share your project link with team members or stakeholders.

5. Invite

  • Collaborate in Real-Time: Invite teammates to design and code together.
  • Access Control: Set permissions to restrict access and ensure privacy.
  • Seamless Multi-User Editing: Work on the same project simultaneously without conflicts.