Skip to main content

Turn a Figma frame into a live store page

Paste a Figma frame link. Replo builds the page phone-first, with your fonts, real products and Shopify checkout.

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 product page for our brew guide, with my Shopify checkout.”

  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.

From approved frame to taking orders

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
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
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
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

Which Replo fits your store

Shopify is one place a Figma page can sell. Where the page lives decides which Replo to use.

  • Pages next to your theme

    The Replo agent

    Builds the page from your frame on your domain, with your Shopify cart and checkout.

  • Pages inside your theme

    Replo Theme Builder

    Edits pages in your Shopify theme itself, with its own Figma to Shopify plugin.

Before you get started

  • 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.

  • 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.

  • 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.

  • 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. 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.

  • Yes. Connect your Shopify store and Replo uses your real products, prices and variants in place of the placeholders in your design. Every buy button adds to your Shopify cart and checks out through Shopify.