From Figma to Squarespace.
Skip the Rebuild

Bring your Figma layouts and styles into Squarespace.
Keep them editable. No more manual copy-paste.

Chrome extensionFigma plugin
FigmaYour design → Your websiteSquarespace
Design / Home100%
forma®Spaces for living
LESS, BUT BETTER.
Room to
be yourself.

Considered spaces.
Everyday possibilities.

Explore our spaces
01 — A little room to imagine.
Thoughtfully designed.Made for real life.Always yours.
Squarespace / EditEditable
forma®Spaces for living
LESS, BUT BETTER.
Room to
be yourself.

Considered spaces.
Everyday possibilities.

Explore our spaces
01 — A little room to imagine.
Thoughtfully designed.Made for real life.Always yours.
See your design make the move.Intro video · Coming soon
FIGMA → SQUARESPACE
Native Squarespace blocksSite Styles transferNo code to write

Design. Copy. Keep going.

A Figma plugin and a Chrome extension, working together.

FeaturesFrame
FooterFrame

Pick your section.

Select a prepared frame. IntoSquare checks it and points you to any layers that need attention.

IntoSquare
Hero section selected

Copy it once.

Copy from the Figma plugin. Open IntoSquare in Chrome and choose “Paste from Figma.”

ConnectedYour Squarespace site
Hero Section

Paste it into your site.

Choose an empty section and transfer. Your design becomes native blocks, ready to edit.

The design moves. You stay in control.

The handoff is
just the beginning.

Text stays text. Buttons stay buttons. Auto Layout becomes Stacks. Change the details right inside Squarespace.

TextButtonShapeStackLine
Squarespace editorNative blocks
forma®Spaces for living
LESS, BUT BETTER.
Room to
be yourself.

Considered spaces.
Everyday possibilities.

Explore our spaces
01 — A little room to imagine.
Thoughtfully designed.Made for real life.Always yours.
Try a new background

Big ideas.
Smaller screens.

Create a mobile arrangement from your desktop design, or bring your own mobile frame.

forma®Spaces for living
LESS, BUT BETTER.
Room to
be yourself.

Considered spaces.
Everyday possibilities.

Explore our spaces
01 — A little room to imagine.
Thoughtfully designed.Made for real life.Always yours.
Your layout, ready for the next screen.

Bring the look
along, too.

Move your typography and five-color palette into real Squarespace Site Styles.

Site StylesPRO
Heading 1TikTok Sans · 64
ParagraphTikTok Sans · 18
✓ Typography & palette mapped
A LOOK THAT’S YOURSMake it
feel like you.Let’s begin
Good to know

Images arrive as placeholders. Different desktop and mobile arrangements use Separate blocks. IntoSquare flags unsupported details before you export.

A few more answers

Start free. Go Pro anytime.

Try for free

5 free imports · 1 site

Pro access. One payment. No auto-renewal.

  • Unlimited imports
  • Unlimited sites
  • Fonts & colors

Pro starts when you activate your key. Activate a key

Glad you asked.

Something else on your mind?
Say hello

What do I need to use IntoSquare?

Figma, Chrome, and a Squarespace 7.1 site using Fluid Engine. IntoSquare has two companions: a Figma plugin to copy your design and a Chrome extension to bring it into Squarespace.

Can I still edit everything in Squarespace?

Supported elements become native Squarespace blocks. Edit text, move blocks, change spacing, and keep building in the normal editor. Unsupported details are flagged before export so you can adjust your design.

What happens to my images?

The current version creates image placeholders with the layout in place. Add the final images through Squarespace after import. Automatic image upload is not included yet.

How does the mobile layout work?

Export a desktop frame and IntoSquare creates a mobile arrangement automatically. You can also supply a separate mobile frame. Keep Auto Layout preserves supported groups as Squarespace Stacks; review the imported mobile layout before publishing.

Can I bring my fonts and colors too?

Yes, with Pro. Copy typography and a five-color palette from Figma into native Squarespace Site Styles. Review changes before applying them across your site. Font availability can affect the result.

What happens when Pro expires?

Your imported content stays in Squarespace and remains editable. Your Pro access controls future imports and Pro features; it does not lock the pages you already created.

Get started

Let’s make
the move.

Two plugins. One connected workflow.
Start with 5 free imports on one Squarespace site.

Chrome extensionFigma plugin

From install to first import

  1. Sign in to IntoSquare

    Install both plugins, then create your IntoSquare account in the Chrome extension. Verify your email.

  2. Connect Figma

    Click Connect account in Figma. Enter its code in Chrome Settings → Connect Figma and confirm.

  3. Make your first import

    Copy a Figma frame, then import it into a blank Fluid Engine section in Squarespace. Review desktop and mobile.