Skip to main content
Start for FreeBook a demo

Turn your Figma frames into a website

Paste a frame for each page. Replo builds the site phone-first, with your fonts, products and checkout, on your domain.

Start for Free

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 our homepage from this frame, then the product page from the next one.”

  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.

A whole site, one frame at a time

Every page of the site

Homepage, product, collection and about pages, each from its own frame.

  • One frame per page
  • Your fonts and colors throughout
  • Added one page at a time
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
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

When another tool fits better

Replo is built for sites that sell. For some sites, a design tool's own publishing is simpler.

  • Replo fits

    A site that sells

    Product pages, checkout, reviews and analytics, built from your frames and kept editable in chat.

  • Figma Sites fits

    A site that stays in Figma

    A portfolio or event page your designers want to keep editing in Figma itself.

  • Framer fits

    A motion-heavy brand site

    A site built around custom animation that a designer tunes by hand.

More on Figma and Replo

Figma to ShopifyA frame to a page with Shopify checkoutFigma to landing pageOne campaign frame to a live landing pageLanding page from FigmaThe step-by-step workflowFigma integrationWhat Replo reads from your file

Before you get started

  • Yes, one page at a time. Paste the frame for each page, starting with the homepage, and Replo builds each one into the same site with your fonts and colors. Name the frame you want when the file has several pages.

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

  • For a site that stays a design project, maybe. Figma Sites keeps the site in Figma, and Framer suits motion-heavy brand sites. Replo fits when the site sells: products, checkout, reviews and analytics, edited by chat.

Keep reading