Skip to main content

Turn a Figma frame into a landing page

Paste the campaign frame and a notes frame. Replo builds the landing page, wires the buy buttons and publishes it.

From frame link to live page, in four steps

  1. Connect Figma

    In Replo's Integrations, connect Figma once for your project or just for you.

  2. Paste a frame link

    Paste the file or frame link in chat and say what the page is for.

    “Build this frame as a landing page for our spring sale ad. Notes are in the second frame.”

  3. Check the preview

    Replo builds the page and shows it at desktop and phone widths before anything goes live.

  4. Publish

    Publish on your own domain or a free replosites.com address, then keep editing in chat.

The frame you approved, live

Paste a frame, get a page

Replo reads the frames, styles and images straight from your file.

  • Phone frame matched on phones
  • Desktop frame for tablet and up
  • Your design's fonts copied in
Moves the way you meant

Notes in an annotation frame become working carousels, sticky sections and accordions.

  • Annotations read, never shown
  • Checked at desktop and phone
  • Preview before you publish
Sells like your store

Every buy button goes to your Shopify cart and checkout.

  • Shopify cart and checkout
  • Real products and prices
  • Bundles and add-ons
Live on your domain

Hosting, SSL and search settings come with the page.

  • Your domain or a subdomain
  • SEO titles and social previews
  • Redirects from old URLs

Built for campaign launches

A landing page from Figma is one step in a launch. These pages pick up where it ends.

  • Match the page to the ad

    Build a page per ad, with the ad's own offer, angle and look.

  • Test the page

    Split visitors between two versions on one link and keep the one that sells.

  • See where shoppers click

    Clicks, scroll and revenue per element on every page you publish.

Before you get started

  • A link to the file or the specific frame, not a team or project link. One frame is enough when the file also has the matching desktop or mobile frame. If the file has several pages, name the frame you want in your message.

  • How things move. Describe carousels, sticky sections, dropdowns and accordions in a separate annotation frame and link it in your message. Replo follows the notes, keeps them off the page, and checks those interactions at desktop and phone widths.

  • No, but it helps. With a mobile frame, Replo matches it on phones and builds tablet and desktop from the desktop frame. With only a desktop frame, desktop matches and you can ask Replo to adapt the page for phones after the first preview.

  • No. A second import of a page you've already built is refused, so it can't overwrite your edits. Ask Replo to change the page instead, or import a new frame as a new page.

  • On your own domain or a subdomain like lp.yourstore.com, or on a free replosites.com address to start. Hosting, SSL, search titles and social previews come with the page.

  • No. Replo builds the page on your own domain or a free replosites.com subdomain, and every buy button uses your Shopify cart and checkout. To put a Figma design inside your existing theme, use Replo Theme Builder.