Figma to Shopify
From Figma file to a Shopify store that matches it.
We build Shopify themes from your Figma design, checked against the file at every breakpoint, with sections and blocks your team can edit without a developer.
What you get
A build that matches the design, and stays editable.
No page builder app, no hard-coded content, no improvised mobile layout.
Start a project-
Matches the design
We compare spacing, font sizes and line heights with Figma on the live preview, with real fonts and real content.
-
Holds up between breakpoints
Designs show desktop and mobile. We make tablets, small laptops and wide screens look planned too.
-
Sections you can edit
Text, images, buttons and links are settings in the theme editor. Reorder sections and build new pages yourself.
-
No page builder app
Everything is written in Liquid, CSS and a little JavaScript inside the theme, so less code loads on every page.
-
Speed built in
Responsive images, lazy loading below the fold, preloaded fonts and CSS that only loads where it's used.
-
Structured content
Size charts, specs and FAQs live in metafields and metaobjects, edited once and shown wherever they're needed.
Before we write code
What a Figma file usually doesn't answer.
We list these cases during the file review and agree how each one should look before the build starts.
Read our product page checklist-
Long product titles
Titles that run to three lines on a phone, and how the card holds up when they do.
-
Two products or three hundred
Collections with a handful of products, and collections that need filters and pagination.
-
Sold out and on sale
Sold-out variants, sale prices and badges, and what the buy button says in each case.
-
Longer translations
Vietnamese, Spanish or German text that runs longer than the English in the design.
-
Hover and empty states
Hover, focus and empty states that the design file skips, like an empty cart or no search results.
-
Mobile screens nobody drew
If the file only has desktop, we design the mobile layouts and send them for approval first.
Selected work
Stores we have designed, built and grown.
Ecommerce projects for brands in Vietnam and Spain, from smart-home retail to pest control.
How we work
From Figma review to launch.
Your live store stays untouched until you approve the build.
-
File review
We go through every screen and component, list what's missing, then send the scope and timeline in writing.
-
Build on a preview theme
You get a preview link to check progress at any time. Your live store is not touched.
-
Test against Figma
Chrome, Safari, iPhone and Android, plus variant selection, add to cart, cart, search and checkout handoff.
-
Launch and handover
We publish when you approve, then give your team a short written guide to editing the theme.
Kind words
Clients who trust us with their stores.
Long-term partners, not one-off projects. Here is what they say.
"Having collaborated with a talented developer on several projects for Aqara, I can confidently say he is one of the most reliable and thoughtful professionals I’ve encountered. His exceptional skills are matched by his clear and proactive communication. No matter the challenge, he approaches every project with patience and a solutions-oriented mindset."
“Collaborating with the developer on Vivirsinplagas was an absolute pleasure. He designed a seamless, bilingual website featuring stunning animations and demonstrated meticulous attention to every detail. His professionalism and reliability stood out throughout the project. I highly recommend his services to anyone seeking quality and dedication.”
FAQ
Questions about Figma to Shopify builds.
Something else? Write to contact@lviotech.com and we will help.
Do you design too, or only build from Figma?
Both. We can design the store in Figma ourselves, or build from a file your designer or agency made. We also work white-label for agencies.
My design only has desktop screens. Can you still build it?
Yes. We design the mobile layouts from your desktop screens and send them for approval before building, so nothing on mobile is improvised.
Do you build on my current theme or start fresh?
It depends on the theme. If it's an Online Store 2.0 theme in good shape, we build the new sections into it. If it carries years of custom code and app leftovers, a clean base is usually faster to build on and the result loads quicker.
Will I be able to edit the pages myself?
Yes. Every section has settings and blocks in the theme editor, and we hand over a guide showing how to change text, images and section order.
How long does a Figma to Shopify build take?
It depends on how many unique page templates the design has and how much custom functionality is involved. After the file review we send a timeline with milestones, so you know when each page will be ready to check.
Contact
Let's build something great together.
Tell us about your store and what you want to improve. We will get back to you as soon as possible.
- Email contact@lviotech.com
- WhatsApp +84 395 813 413
- Studio138 Son Tay, Ba Dinh, Hanoi, Vietnam
Tell us about your project
Answer a few quick questions and we come back with a plan.
- What you need
- Your store today
- Budget and timeline
- Your details