Studio · AI section builder

From screenshot to section,
in a prompt.

Paste a design reference, describe what you want, and get an editable Wildstack section. Not a black box — a real starting point you can extend.

Try Studio AI Back to Studio

Demo

Prompt in. Section out.

Prompt

"A product hero with a large headline, one-line subheading, a primary CTA, and a phone-mock on the right."

Reference

[screenshot.png]

→

hero.tsx

export function ProductHero() { // Editable, typed, extensible return <Hero ...> }

Three input paths

Start with what you have.

Prompt

Describe the section in plain language. Studio renders a first pass.

Screenshot

Upload a reference image. Studio reconstructs the layout with editable bindings.

Existing component

Extend a Library section with new variants generated from a prompt.

What makes it different

Practical, not magical.

Editable afterward

Output sits in the Wildstack section format. You can edit every binding, style, and block.

Compatible output

Targets Shopify Liquid, Astro, or React components. Merges into your existing repo.

Not a black box

The AI produces readable, typed code — nothing is hidden behind a runtime.

Example output

Typed, editable, shippable.

sections/promo.liquid

{% schema %} { "name": "Promo hero", "settings": [ { "type": "text", "id": "heading" }, { "type": "image_picker", "id": "image" } ] } {% endschema %}

FAQ

01Does the AI get everything right?+

No. It produces a starting point that you review and adjust. That's the workflow — iterate on a real section, don't ship raw AI output.

02Where does it run?+

Studio AI runs against your chosen target output (Shopify, Astro, etc.). You can run it anywhere Studio runs.

03Is my data used for training?+

No. Prompts and references stay in your workspace.

04Is this included in pricing?+

Studio AI is part of the Studio tier. See Pricing for details.

Free during beta · No credit card

Keep the speed.
Drop the ceiling.

Join teams converting Webflow sites to production stacks in days, not months.

Get started free See pricing

$npx wildstack@latest init