Currently available for projects
Figma to Squarespace
Predesigned your website and need it built? One of our strongest suits: we create 1:1 copies of your Figma design so you get every design detail and functionality on your Squarespace website.
Send your design
A few details and I’ll reply within one business day with next steps.
What’s included
Pixel-accurate build
Your Figma file rebuilt 1:1 on Squarespace — spacing, type, color, and layout matched as close as the platform physically allows.
Animations & interactions
Hover states, scroll animations, and custom features from your design coded by hand, not approximated with plugins.
Responsive translation
Figma frames become real breakpoints: your design holds up on every screen size, not just the desktop artboard.
Editable handoff
Built so you can edit content yourself afterward, with video training included. Any predesigned wireframe works — it doesn’t have to be Figma.
We work with Figma · Squarespace 7.1 · Fluid Engine · Custom CSS / JS
How a Figma to Squarespace build works
Send the Figma file
Share view access to your Figma file or prototype. Any predesigned wireframe works, including Adobe XD, PDFs, or a site built with AI.
Review and quote
We go frame by frame, flag anything Squarespace handles differently, and give you a fixed quote with no surprises later.
Set up the system
Fonts, colors, spacing, and button styles from your design are set up once as sitewide styles, so every page stays consistent.
Build page by page
Each frame is rebuilt 1:1 in Fluid Engine, with custom CSS and JavaScript for anything the editor cannot do on its own.
Responsive pass
Tablet and mobile layouts are built deliberately, not left to collapse on their own, even if your file only has desktop frames.
Review and handoff
You review the live build side by side with the design, request tweaks, and get video training on editing it yourself.
Is there a Figma to Squarespace plugin?
Not one that does the whole job. Squarespace can’t import a layout from Figma or from HTML, so every Figma design ends up rebuilt in the Squarespace editor, whether you do it or I do. Plugins that export Figma to code or to other builders can save you some asset work, but the pages themselves still get built in Squarespace.
I design every site I build in Figma first, so working from your file is the process I already use. Team 13 is a recent example: I designed the pages in Figma, we went back and forth on the homepage until the team signed off, and then I rebuilt it on Squarespace with the motion and video the design called for.
Doing it yourself? The short version
- Set up your fonts, colors, buttons and spacing in Squarespace’s site styles first, matched to the Figma file.
- Export images and icons from Figma: SVG for logos and icons, PNG or JPG at twice the display size for photos.
- Rebuild each frame as a section in Fluid Engine on the same grid. Desktop first, then arrange the mobile view.
- Add custom CSS for what the editor can’t do on its own: exact spacing, hover states, sticky elements.
- Check the live page against the Figma frame at the same width before you call it done.
Step 4 is where most DIY builds stall. That’s usually where I come in.
What gets built exactly, and what needs code
Layout, spacing, typography, color, and imagery rebuild directly in Squarespace. Hover states, scroll animations, sticky elements, custom sliders, and unusual grids need custom code, which is included in the build rather than approximated with plugins.
If something in your design genuinely cannot work on Squarespace, you hear about it during the review step, before any money changes hands, along with the closest alternative that keeps the intent of the design.
Selected work
View all work
What clients say
“Dylan was an absolute asset to our film production company during the website redesign. He delivered stunning work with a sharp eye for aesthetics. His attention to detail, creative instincts, and reliability made the entire process seamless. Dylan didn’t just build a set of pages, he understood the feel we were after and elevated it. Highly recommend him to any team that values design with intention.”
“Dylan is a brilliant website designer and delivers TOP-NOTCH, professional, stunning websites. He’s super knowledgeable, approachable, and has excellent communication. I can’t recommend working with Dylan enough.”
“Dylan was very professional and helped me build my Squarespace website. He guided me through the whole process and made it easy.”
Pricing
One-time
Squarespace website builds
A custom website designed and built on Squarespace. You pay once, own it outright, and run it yourself after a video walkthrough. For a new site or a redesign.
From $100 a month · billed yearly
Managed websites
A custom website built and run for you. A one-time build fee, then hosting, edits and SEO setup in one yearly plan. Already built one with AI? I can take it over with no build fee.
Starter
$2,500One-time
A perfect choice for small businesses or individuals who don’t need a big website. Just enough to get you out there with confidence and start growing.
- Up to 4 pages
- Responsive website (tablet & mobile)
- 2 rounds of revision
- Video training on your website
- Handed off and live in 2–5 weeks
- 30 days email support post launch
Professional
$3,500One-time
The best choice for growing businesses ready to take their website to the next level. Extra custom touches that will separate you from the rest.
- Up to 7 pages
- Responsive website (tablet & mobile)
- 3 rounds of revision
- Basic SEO (title, description, tags)
- Video training on your website
- Handed off and live in 2–5 weeks
- 30 days email support post launch
Advanced
$5,000One-time
The ultimate website design experience for businesses needing the best of the best. We push Squarespace’s limits to get you a website that is a perfect fit.
- Unlimited pages
- Responsive website (tablet & mobile)
- Unlimited rounds of revision
- Unlimited code (custom features)
- Advanced SEO
- Video training on your website
- Handed off and live in 4–8 weeks
- 30 days email support post launch
Custom
Let’s talk
Ecommerce, memberships, and complex builds that don’t fit a package. Scoped to exactly what your business needs.
- Everything in Advanced
- Ecommerce & memberships
- Scoped together on the call
- Fixed quote before we start
Every build gets a fixed quote before we start, never hourly. Full pricing details
Managed Website
$100/mo
From · billed yearly
I build your website custom for a one-time fee, then host it and make every update.
- Custom design and build, from $150 one-time
- Hosting, domain and SSL
- Unlimited small edits, 48-hour turnaround
- SEO and AI search setup at launch
- Backups and monitoring
- Direct support from Dylan
Quarterly SEO Audit
$200/quarter
Optional add-on
Every quarter I audit the site, fix what is holding it back and send a plain-English report.
- Technical SEO audit with fixes
- Meta and schema updates
- Page speed tune-up
- Plain-English report
SEO Growth
$300/mo
Optional add-on
Everything in the quarterly audit, plus new content every month to rank for more searches.
- Everything in the Quarterly SEO Audit
- 1 to 2 new pages or posts a month
- Local SEO optimization
- Monthly ranking report
New builds and redesigns add a one-time build fee: $150 for a landing page, $500 up to 5 pages, $1,000 for 6 to 10. Already have a site and just need it hosted? Same $100 a month, no build fee. Billed yearly, 12-month minimum. Build your quote
Questions, answered
Builds from an existing design use the same fixed packages ($2,500, $3,500 or $5,000), and are often quoted below the tier because the design phase is already done. See the pricing section above.
Yes, as close as the platform physically allows, which is very close. Spacing, type, and layout are matched 1:1, and interactions are coded by hand.
No. Desktop frames are enough. We build the tablet and mobile layouts to match the intent of your design, and you review them before launch.
Yes. Content stays editable in the Squarespace editor, custom code is organized so it does not break when you change text, and you get video training at handoff.
No plugin turns a Figma file into an editable Squarespace site. Squarespace can’t import layouts, so the design gets rebuilt in the editor, with custom code for the parts it can’t do on its own.
That works the same way. A template in Figma is still a design file, so it gets rebuilt on Squarespace like any other.
