IntoSquare — Figma to Squarespace

Transfer Figma designs into editable Squarespace blocks. Import typography and colors as native Site Styles.

From Figma to editable Squarespace blocks — with fewer steps. IntoSquare puts import controls right on your Squarespace page. Open the floating panel, choose an empty section, and use Paste & Import. Keep your page in view instead of switching back and forth between windows. WHAT'S NEW • A compact import panel alongside your Squarespace page. • Paste & Preview in the full interface, with desktop and mobile previews. • Connect the Figma plugin to your account through a browser link. • Page Layers: find, select, hide, show and reorder supported blocks. • Separate editable blocks and original Figma text colors by default. • Clearer progress messages and file transfer for large exports. KEEP YOUR DESIGN EDITABLE Transfer supported text, buttons, shapes, lines and Auto Layout groups as native Squarespace blocks. Use separate blocks for flexible placement, or turn on Keep Auto Layout to preserve supported groups as Stacks. PREVIEW WHEN YOU NEED IT Use Full interface → Paste & Preview to check your source design on desktop and mobile before importing. For a single frame, the floating panel offers Paste & Import. Large export? Save it as a file in Figma, then choose Open file. WORK WITH PAGE LAYERS Keep the layer tree open while editing. Browse sections and nested groups, search for blocks, and select them on the page. Hidden layers have a visible indicator. Local locks help prevent accidental changes in this browser. Save changes with Squarespace as usual. BRING YOUR SITE STYLES — PRO Transfer typography and your five-color palette from Figma to Squarespace Site Styles. Review the changes before applying them. GET STARTED 1. Install the companion IntoSquare plugin for Figma: https://www.figma.com/community/plugin/1688972983061987655/intosquare-figma-to-squarespace 2. Create or sign in to your IntoSquare account and verify your email. In Figma, choose Connect account and approve the connection in Chrome. 3. Match Squarespace Page Width (Max) to your Figma frame width before importing: Site Styles → Miscellaneous → Spacing. 4. Copy your frame with IntoSquare for Figma. On your Squarespace page, click the IntoSquare extension icon and select an empty section. 5. Use Paste & Import, or open the full interface to preview first. If Squarespace is in Edit mode, Save → Exit, then Refresh in IntoSquare before importing. FREE & PRO Free includes 5 successful block imports on one site. Pro includes unlimited imports, unlimited sites, and typography and color transfer. Choose 1, 6 or 12 months of access. One-time payment, no automatic renewal. Activate your key in IntoSquare to use Pro in both connected plugins. Plans: https://intosquare.app/#pricing BEFORE YOU IMPORT Requires the companion Figma plugin, a verified IntoSquare account and permission to edit a Squarespace site with Fluid Engine sections. Images become empty Image Blocks; add images through Squarespace after import. Some Figma features have no native Squarespace equivalent. Check the final desktop and mobile layouts. YOUR DATA Design packages are processed locally and transferred to your selected Squarespace site. The account service handles sign-in, access and usage checks, not your design package. Import history and recovery snapshots stay in your browser. Privacy: https://intosquare.app/privacy/ Support: hello@intosquare.app Independent of Figma and Squarespace.