Dualite Documentation
  • Overview
  • Getting Started
    • Quickstart
  • Basics
    • Basics of Dualite Figma plugin
    • Advanced Settings
    • Tagging
  • DASHBOARD
    • Overview
  • Designer's Guide to Dualite
    • Overview
    • Native Figma Features supported by Dualite
    • Figma best practices
      • 3. Responsivity and Auto Layout
      • Additional tips
  • DEV'S GUIDE TO DUALITE
    • Overview
    • How Dualite translates Figma design settings into Code
    • Deploying on Vercel
    • In-depth guide to Component Mode
  • Popular Use-cases
  • Billing and Payment
    • Subscription Invoices
    • Cancelling your Pro plan
  • FAQs
    • What can I do with Dualite?
    • Feature Requests
    • Flex is not working
    • Errors and Bugs
    • Why my fonts aren't showing?
    • Dev Mode compatibility
    • Safari browser incompatibility
Powered by GitBook
On this page

Overview

NextQuickstart

Last updated 8 months ago

Dualite is an AI-powered design-to-code tool that converts your Figma designs to high-quality responsive and reusable code.

This documentation is designed to guide you around how you can use Dualite to transform your UI development workflow.

We've covered step-by-step instructions on get started and use Dualite, best practices, use-cases and additional tips to enhance your workflow

Jump right in

Page cover image
Cover

Getting Started

Convert your first Figma design to code

Cover

Basics of Figma Plugin

Learn the basics of our core Figma plugin

Cover

Dashboard

Manage your design files and resources

Cover

Understanding Tagging

Adding links, typing fields and more by tagging

Cover

Designer's Guide to Dualite

How to design well for quality code generation

Cover

Dev's Guide to Dualite

Integrating the Dualite generated code to prod

Cover

Billing and Payment

Upgrading, downgrading and invoice history

Cover

FAQs

Questions and Answers

Cover

Popular articles and use-cases

Check out use-cases achievable with Dualite