Topic · 5 articles

Converting designs

Prepare a frame, convert tall and responsive pages, understand widget mapping and connect forms.

Read in order, or open the one you needUpdated October 28, 2026
  1. 01

    Prepare a frame for conversion

    What FigWP checks before it spends a page, why auto layout matters, and how the auto-layout copy fixes a hand-placed design without touching your original.

    What the analysis reportsAuto layout firstNames and layers that help
  2. 02

    Convert tall pages

    Frames up to 20,000px convert in one go, a section at a time. Learn how FigWP splits them, what it costs, and how to add a taller design to one draft.

    How a tall frame convertsThe 20,000px limitImporting a big pageWhat it costs
  3. 03

    Desktop, tablet and mobile frames as one page

    Give FigWP a frame per breakpoint and get a single Elementor page with per-device settings, instead of three pages to keep in sync.

    What you needHow to askWhat it costsChecking the result
  4. 04

    How sections become widgets

    Your AI app picks an Essential Addons widget per section, FigWP checks the choice against the widget catalog, and a widget that drops content is demoted.

    The mappingThe catalogThe fidelity gateSettings the app can setRepeated items
  5. 05

    Connect a drawn form to a real one

    FigWP never builds a working form from drawn inputs. Connect the design's form to one made in Fluent Forms, Contact Form 7, WPForms and more, or a Mailchimp.

    Form plugins Essential Addons supportsThe flow