Figma to website or app
Your Figma designs built as clean, responsive code: HTML and CSS, React, Next.js or a CMS theme.
GradaxEuropean companyOrder outright
Founded 2014·Built and operated in Europe·3 days to 5 weeks
About this service
You have finished designs and need them built exactly. We turn Figma files into responsive front-end code that matches the design at every breakpoint, using the stack you choose: plain HTML and CSS, React, Next.js, or a WordPress or Shopify theme. Components are built to be reused, and design gaps are flagged before we guess.
Where designs are silent
Figma files show what a page looks like at a few fixed widths, usually desktop and mobile. They rarely show what happens in between, what a button does on hover, how a card looks with a very long title, what appears when a form has an error or while content loads. Those gaps are where builds drift from the design.
We review the file before building and list every gap we find. Some we resolve with sensible defaults that follow the design's logic. Others we ask about, because guessing wrong and rebuilding costs more than a short question. The result is a build that matches the design where it is explicit and respects its intent where it is not.
Components first, pages second
Good design files are built from components: buttons, cards, navigation, form fields. Good code should be too. Building page by page, copying and tweaking elements as you go, produces a site where every button is slightly different and a design change means editing dozens of places.
We build the shared components first, matching the components in Figma, then assemble pages from them. A change to the button style updates every button. New pages can be built from existing parts. The markup is semantic and accessible, images are optimised and fonts load efficiently, because a pixel-perfect page that takes six seconds to load on a phone is not a good build.
What you get
Everything below is in the price. Nothing here is an upgrade.
- Built pages or components
- Code in a repository you own
- Responsive and browser test results
- Readme with setup and deployment notes
What changes
- Pages that match the Figma design at desktop, tablet and mobile widths
- Reusable components mirroring the components in the design file
- Accessible markup: semantic HTML, keyboard navigation, alt text
- Fast-loading pages, with images optimised and fonts loaded efficiently
How it runs
Review
Design checked for missing states and breakpoints before building.
Components
Shared parts built first: buttons, cards, navigation, forms.
Pages
Pages assembled from components and matched to the design.
Test
Checked across browsers and devices, then handed over.
Compare the sizes
The standard price for each size. Extras are priced beside it, not hidden behind a call.
| Included | Landing page€2903 to 5 working days | Multi-page build€5002 to 3 weeks | Build with CMS€1,0503 to 5 weeks |
|---|---|---|---|
| One page, responsive | Included | Included | Included |
| HTML and CSS or one framework | Included | Included | Included |
| Forms connected | Included | Included | Included |
| Browser testing | Included | Included | Included |
| Component library | Not included | Included | Included |
| Animations and interactions from the design | Not included | Included | Included |
| Accessibility check | Not included | Included | Included |
| CMS connected: WordPress, Shopify, Sanity or similar | Not included | Not included | Included |
| Content entry for launch pages | Not included | Not included | Included |
| Deployment and 14 days of fixes | Not included | Not included | Included |
| Order | Select | Select | Select |
Add what you need
Choose the size
Add what you need
Your total€500
ContinueThe standard price, plus whatever you add. Confirmed in writing before anything starts; nothing is charged until you accept it.
Questions
Can you build from a design that has no mobile version?
Yes. We adapt sensibly and show you key mobile screens before building them all.
Will it be pixel-perfect?
It will match the design closely at the widths it was designed for. Between those widths, layouts flow as the design intends; we flag anything ambiguous.
Do you use automatic design-to-code tools?
We write the code by hand. Automatic exports tend to produce bloated, hard-to-maintain code that is costly to change later.
Related searches
Related work
One-timeWebflow website buildA custom-designed Webflow site with a CMS your team can edit and interactions that stay fast.from €420one-time
ScopedUI design sprintScreens designed and prototyped in two weeks, ready to build.from €1,800on scope
One-timeFull-stack web appA custom web application with its own database, logins and admin, built and deployed.from €420one-time
Order it
Standardised enough to order on its own. The price is confirmed in writing before anything starts.