Export your composed page

When the page looks right, click Export in the project. Every way out is in that one menu, and all of them need Pro or Ultra. Building stays free, so finish the page first and upgrade when you are ready to take it out.

Paste into a design tool

• Copy to Figma: copies the page so you can paste it into Figma.
• Copy to Webflow: copies it for the Webflow Designer.
• Copy to Framer: copies it for Framer, with one component per section.

Sections that can't be exported this way yet are skipped. A note in the menu shows how many.

Export HTML

Opens the Export HTML panel. You get one HTML file with every section on the page, including styles and interactions. Download or copy it, then open it in a browser or add it to any codebase.

Export prompt

Opens the Export prompt panel: one prompt that builds the whole page, every section in order, in your own AI coding tool. Choose your tool, then how the prompt is written:

• With MCP: a short prompt. Your AI tool fetches each section from BYQ, so it needs the BYQ MCP connected.
• Full code: all the code is inside the prompt. It works on its own, with no setup, but it is long.

New to the MCP? Start with the MCP guide.

More ways out

• Export screenshot: copy the image, or download a PNG.
• Download project (.zip): the whole project as a zip of HTML pages.

There is no Shopify export from Sections Composer. To take a single section to Shopify, use Copy to Shopify from its popup.

If an export is locked

On the Free plan the export items show a lock. Click one to see the upgrade options, or compare plans on the pricing page.

Back to building a page.