Search
⌃K
Links

Quest plugin for Figma Dev Mode

Using the Dev Mode vs Design Mode Quest Plugin for Figma
With the Dev Mode toggle in Figma, we now support 2 different plugin modes. This doc will help explain the benefits & differences. To use the Quest plugin for Design mode (original Figma) you will need to create an account with Quest on one of the plans including the Free plan.
​Sign-up for a Quest Account to get access to the Design Mode plugin as well
To see the full power of the Dev Mode, grab the Free Quest Design Kit and try out some of the seeded complex Quest templates in the Dev Mode.

Using Quest - Figma Design vs Dev Mode

Features
Design Mode (Original Figma)
Dev Mode
Access without Quest Account
X
✓
Does not require read-access to file
X (duplicate file to fix)
✓
Inspect basic code (styling and structure)
✓
✓
View all code (breakpoints, business logic, theme files, full App)
✓
X
Manage App (source of all components, theme files, images & fonts)
✓
X
Sync to GitHub
✓
X
Download entire App as CRA or NextJS
✓
X
Support for MUI and Chakra UI components and design systems (For custom please contact us)
✓
X
Add features (Animations, grid, popovers, tooltips, etc.)
✓
X
Support for Light/Dark mode design system and component styling
✓
X
Handle variants as states or breakpoints
✓
X
AI Prompt to write business logic
✓
X