Skip to main content
Presets have been migrated to Design Systems. Presets are no longer supported. Learn more about Design Systems or read our migration blog post.
Converting presets allows you to take any design and convert it to a different preset. The AI completely rewrites your code to match the new preset’s conventions while keeping the same views and functionality. This is helpful when you want to:
  • Switch design systems if you have multiple
  • Migrate to a custom preset you’ve created
  • Adapt a design to match your team’s preferred preset

How to Convert a Design’s Preset

Converting presets flow
1

Open the design you want to change

Navigate to the design you want to change the preset for in the editor.
2

Click the Convert button

Click the Convert button in the top bar of the editor (this opens the converting presets dialog).
3

Choose your target preset

Select the preset you want to change to from the dropdown menu.
4

Watch the conversion

A new design will be generated in a separate tab with your design migrated to the new preset.