Foxify App
Foxify App
Import your design

Import a Figma design into Foxify

2 min read

Already have a design in Figma? The Figma to Shopify with Foxify plugin turns it into a live, editable Foxify section in seconds — copy it in Figma, paste it into your editor, done.

How is this different from other ways to build a page?

Use this
Import from Figma
Your design is already built in Figma and ready to bring in as-is.
Use instead if...
Build manually
You don't have a design file and want full control from the first element.
Use instead if...
FoxTransfer
Your inspiration already exists live on the web, not in a design file.
Use instead if...
AI Layout Generator
You don't have a design yet and want a fast first draft from a prompt.

This feature is available on Growth and Enterprise plans. 

The steps, briefly

  1. Add the free Figma to Shopify with Foxify plugin to your Figma account.
  2. Run the plugin in Figma, select a frame or layer, and click Copy design.
  3. In your Foxify editor, select Paste from Figma or press ⌘V / Ctrl+V.
For image scale/quality settings, best practices (Auto Layout, static-elements-only, custom fonts), and troubleshooting, see the full Figma to Shopify with Foxify reference.

FAQs

Is the Figma to Shopify plugin free?
The Figma plugin itself is free, but pasting designs into Foxify requires a Growth or Enterprise plan. 

Which method should I use if I don't have a Figma file or a webpage to copy?
Start with AI Layout Generator for a first draft of whole page layout, or build manually if you already know exactly what you want.

Can I import full Shopify product sections this way?
Not automatically — the plugin only supports static design elements. Dynamic features like product collections need to be added manually after pasting.

Clone a website design into Foxify (FoxTransfer)

Create a page

Last updated