Fei Studio - April 29 2026 - Design Mode & Preview Variants

Last updated: May 3, 2026

🌀 A More Natural Way to Build UI

You don’t have to translate what you see or guess how things behaves. From change to verified UI, all in one flow.

🎯 Design Mode - Point or Style, Your Call

You no longer have to explain what you mean.

In Design Mode, you can interact directly with the preview in two ways:

  • Point to Select (🔵) Click any element to reference it in your request. No more "the button in the top right" - just point to it.

  • Style Edit Mode (🟠) Click an element, tweak its styles using the controls, and see the result live before sending. No guessing. No back-and-forth.

And yes - you can select multiple elements (Shift or Command) and apply changes or context to all of them in one go.

What to change and how to change it are now both visual.

🔀 Preview Variants - Don't Trust Just One Variant

Components don't live in one perfect variant.

With Preview Variants, you can instantly switch between different variants in the preview:

  • Empty, loading, error, populated

  • Different roles, plans, or flows

  • Edge cases you usually forget to check

Pick the right variant before making a change, then sweep through all of them to make sure everything still works.

💡 Pro tip: Missing a variant? Just ask Fei to create it for you.

Check it out in ACTION!

✨ P.S. One click is worth a thousand words.