Copy wireframes anywhere, or let your AI pull them

Wireframes copy to your design tool or your AI tool, and the BYQ MCP lets your AI tool find and fetch them for you.
Works with
  • Webflow
  • Figma
  • Framer
  • HTML
  • AI coding tools

A wireframe is a layout with no styling, so it fits any brand. Here is where you can send one, and how it differs from a section.

Copy targets

Open a wireframe and use the copy menu. Each wireframe can copy to:

  • Webflow
  • Figma
  • Framer, when the wireframe has it
  • HTML, when the wireframe has it
  • Copy Prompt, written for your AI coding tool

Most wireframes have all of these. The Platform filter on the Wireframes page only covers Webflow, Figma and Framer.

You can't change a wireframe's colors

Wireframes are plain on purpose, so there is no theme picker and the prompt has no theme. For colors, use the matching section instead. See Themes.

Get wireframes through your AI tool

Once your AI tool is connected to the BYQ MCP, it can find a wireframe from your description, for example a pricing layout with three plans. It gets the wireframe's image and its prompt, ready to build from.

This needs Pro or Ultra. Setup is in Connecting your AI tool.

Free wireframes and the copy cap

11 wireframes are free on every plan. Pro and Ultra unlock the rest. Wireframes do not count toward the 300 section copies per billing period.

Switch between a section and its wireframe

Many sections have a matching wireframe. In the section preview, click Toggle wireframe mode to flip between the styled section and its wireframe, then copy the one you need. The toggle is hidden while a theme is applied. In wireframe view, Copy Prompt and Screenshot are not offered. For the wireframe's prompt, use the Wireframes page.

New to wireframes? Start with Getting started.