Build
Figma / design to Shopify
Your designer's Figma file, or a ready HTML layout, becomes a Shopify theme that matches it on desktop and phone and stays editable.
What's included
- Pixel-accurate templates from Figma or HTML
- Every block turned into an editable section
- Desktop and mobile layouts, including states the design missed
- Animation built with GSAP and kept light
- Questions for your designer collected and settled early
Sounds familiar?
- Your designer delivered a beautiful Figma file, and nobody can build it.
- Past builds looked close to the design, but not quite.
- The animation in the design makes developers nervous about speed.
If one of these is yours, send me a link and a few lines. Describe your task
How a project runs
Step 1: Send the task
A link and a few lines is enough.
Step 2: Fixed estimate
Hours, scope and deadline before any work starts.
Step 3: Build & review
On a preview theme. Nothing goes live without your OK.
Step 4: Pay on delivery
Exactly the estimate. Nothing added later.
Projects up to 20 hours usually need no prepayment. Bigger ones are agreed individually.
30-day warranty. Critical bugs from my work get fixed free, even after that.
Related work
Projects where I did this work, each with the problem, the decisions behind the build and the result.
Krauff
A slow store rebuilt from Figma into 12 pixel-perfect Shopify templates in 30 days.
Design to Shopify · Speed and SEO optimisation
Meriel
A static HTML layout became a live luxury fashion store on Shopify in 3 weeks.
Design to Shopify
Noise Scent
A heavily animated perfume brand design became a fast, editable Shopify theme.
Design to Shopify · Complex animation and interaction
Stereotype
An art-direction fragrance design became a fast Shopify store with GSAP animation.
Design to Shopify · Complex animation and interaction
FORMARKIVET: Upholstery section
A fabric catalogue on metaobjects: browse textile families and jump back into products.
Online Store 2.0 sections · Data modelling with metaobjects
Questions
How close to the design will it be?
Pixel-accurate on desktop and mobile. Krauff got 12 unique templates matched to Figma, live in 30 days.
What if the design has no mobile version?
I adapt it with the same type, spacing and components, and show you before building further.
Can heavy animation stay fast?
Yes, when it is built with care. Noise Scent and Stereotype run their animated home pages without a speed penalty.
Have a task like this?
Send a link and a few lines about what you need. I reply within 1 business day with questions or a fixed estimate.
Get a fixed estimate- The estimate is the priceHours and total agreed before work starts. No re-estimates.
- No prepayment on small projectsProjects up to 20 hours usually need none.
- 30-day warrantyCritical bugs from my work get fixed free, even after that.