IntoSquare IN THE MAKING

FIGMA PLUGIN + CHROME EXTENSION / COMING SOON

From Figma
to editable
Squarespace blocks.

IntoSquare transfers prepared Figma layouts into native Fluid Engine blocks — text, buttons, images and shapes you can keep editing in Squarespace.

THREE STEPS. NO CODE.
(COMING SOON)

Be there
at launch.

The plugin is on its way. Email signups will open here soon.

One release announcement. No newsletters. No noise.

YOUR DESIGN, BEFORE & AFTERCONCEPT PREVIEW / 001
landing-hero.intosquare.jsonPreview
FigmaFrame · Hero / Desktop
Get started
SquarespaceFluid Engine · Blank section
Text · H1
Text · P
ButtonGet started
Image
Line
Same structure. Native blocks. Keep editing in Squarespace.

How it works

Three steps. No code.

  1. 01

    Prepare the frame in Figma

    Use Auto Layout, assign H1–H4 text styles and keep the structure clean. Complex graphics become image placeholders.

  2. 02

    Export .intosquare.json

    Run the IntoSquare plugin on the selected frame. It writes a single structured file describing blocks, order and layout.

    {
    "frame": "Hero / Desktop",
    "blocks": [
    { "type": "text", "tag": "h1" },
    { "type": "button" },
    { "type": "image" }
    ]
    }
  3. 03

    Import into a blank section

    Import with the Chrome extension into a blank Fluid Engine section. Then add images, set links and fine-tune the layout.

    IntoSquarePreview
    landing-hero.intosquare.json
    Import into section
A QUICK NOTE

IntoSquare is in development. Images are added through Squarespace; typography uses your site's styles. You'll still fine-tune the result.