Announcing Dezi: The visual builder for Shopify app UIs Dezi lets you design your UI using native Polaris components, configure your props and view updates in real-time, then export formatted Polaris code that you can paste in your app - all within minutes Let get started 🧵

Projects: Dezi allows you to create "projects" to organize your app spaces. You can create pages within a project to design/build your different app screens, and export the code for each page individually

Layout Panel: This is the birds-eye view of everything in your page layout. You can select, duplicate, drag/drop, add components, and do anything else related to the structure of your app here

Admin Preview: Get a real-time look at how your layout will appear in the Shopify admin. An easily navigable and resizable canvas makes it a breeze to view your design in real time

Settings Panel: You can customize any of the Polaris components you've added to your layout from this panel. Need to increase the Card padding? Change the Button size? Add an Icon to the Badge you just placed? We've got you covered!

Export Code: Instead of struggling with designs and building the code by hand (it'll end up different than the Figma anyway), you can get a 1-click export of your page layout converted to Polaris code, ready to paste in your Shopify app ❌ Design then build ✅ Design AND build

Vibe mode (beta): You've heard of vibe coding, but what about vibe designing? You can test your luck at harnessing the power of AI to build your layouts! This is still a very early feature but as long as you have an API key you can try it out (video sped up - AI is slow)

Coming Soon: There are plenty of features planned that'll make designing your UIs even easier! Pre-built components, project and page templates, custom component library, prototyping, collaborative features, media uploads, enhanced AI layout building, plus more!

Pricing - Free Tier: Everyone will be able to create 1 free project, which only comes with 2 restrictions atm: - 1 page, - Ability to add up to ~50 components to your layout (may adjust this based on feedback), Everything else (unlimited exports, vibe mode) is available for everyone right now on the free project My hope is that this will give enough of the full experience so people can test it out, see what they like/don't like and provide feedback

Pricing - Pro Tier I hate subscriptions and there's no reason for this to be one right now, so during the beta you'll be able to purchase a single pro project for a one-time cost of $19 (early supporter pricing), and it's yours forever. This takes off the page and component restrictions, letting you create up to 15 pages (also may adjust this based on feedback) and essentially unlimited components per page. You also will have access to upcoming features like the prebuilt component library, templates, custom component library, enhanced AI features, etc.

Beta Disclaimer: This is a very early version beta, there will be bugs, errors, performance issues, etc. If you choose to sign up and participate, I ask that you please be patient and consider providing as much feedback as you can as it'll help make the product better!

See it in action: The fine folks at @foxsellapp gave permission for me to rebuild their app UI for demonstration purposes. First image is from their app, second is after recreating it in Dezi, and the last is the result from the 1-click export to my app This took 10 minutes 🤯

When you're ready to get started, head over to and sign up for an account, create a project and start designing! Also, if anyone would like to book an onboarding call/demo send me a DM and we'll make it happen!

Save $$$ and time with this AI Tool for Dropshipping 🤫 👋 Have killer product pages in seconds 🔥 Like hiring a marketing expert and a designer at the same time (just better) 🏆 Just $0.78/product