Figma to HTML: a website built from your design
The design is ready, but there is no website: a picture from Figma can’t be opened in a browser or sent as a link. I build a live page from the design, for a designer, a studio, or a business owner who has a design in hand.
- Landing page from a design from $120 2–4 days
What it gives you
The design becomes a page that opens from a link on any device, and it looks like the design: the sizes, fonts, and colors are taken from it, not judged by eye. Decisions about the design stay yours; I stay out of them.
What is included
- A design breakdown before the build: what repeats, what the values are, and what the design is missing.
- The design’s values, as numbers. I carry the sizes, fonts, colors, and spacing over from the design instead of matching them by eye.
- A check against the design at the end: I check the finished page against the sizes and positions in the design.
- Phone and tablet. If the design doesn’t include them, I’ll suggest my own layout and show it to you before delivery.
- What isn’t drawn in a design: how things react when the pointer is over them, moving through the page with a keyboard, image descriptions, and turning animation off when it is turned off in the device settings.
- A list of differences at delivery: I list separately everything I had to decide myself.
What is not included
- Design. The design is yours, and so are the decisions about it.
- Search setup and speed are optional, as separate services: SEO and loading speed.
- Analytics, forms, and taking payments are connected separately.
Price and timeline
The price range runs from a simple version to a complex one. I name the exact price after a review, before work starts, and it does not go up without your consent. Timelines are in business days, counted from when I receive the deposit and the materials.
| Service | Price, $ | Timeline, days |
|---|---|---|
| Design to code: landing page | 120–300 | 2–4 |
A page is a separate address: the home page, a service, the price list, the contact page, an article. Migration from a website builder costs the same as a new website of the same size: the site is rebuilt, and on top of that the content is moved and old addresses are redirected.
Prices for everything else are in the approximate price list.
What changes the price
- Taking payments or an external service
- +$100–500
- Rush
- +20–50%
How to pay
- Deposit
- 50%
- Orders from $700
- in stages: 40 / 30 / 30
- Maintenance
- a month in advance
- Minimum order
- $100
- Two rounds of edits
- included
Prices are in dollars. You can pay in baht, dong, or rubles at the exchange rate on the invoice date. Hourly pricing applies only where the scope can’t be known in advance: repairs and changes to someone else’s code.
How the work goes
Review
I look at what you have now and where you’re losing time or customers, and I tell you what can be done about it. You don’t have to decide anything before this conversation.
Plan
One page: what I do, what is not included, and what I need from you. This is also where the scope and the price become clear.
Build
I work in stages and show you the result of each one, not everything at once on delivery day.
Check
Before delivery, I run everything on your real data: prices, scenarios, errors.
Handover
I hand over everything: the code, access, and instructions. Then you choose a format: take it all yourself or leave the maintenance to me.
How it looks in practice
Building a page from a finished design: from Figma to a page you can open
MNTN, built from a Figma design
What people ask about this service
What if the design has no phone version?
I’ll suggest my own layout for phone and tablet and show it to you before delivery. You’ll be able to see what I came up with and what comes from the design: I mark it.
My design isn’t in Figma. Will that work?
Yes. Figma or another editor, it doesn’t matter, as long as the design has sizes, fonts, and colors.
Can I order a single page?
A landing page from a design, yes. Beyond that, I build individual pages only as part of a larger order.
Where will the buttons and links lead when the design doesn’t say?
I’ll ask you. Where a button leads and what a link opens is for the client to decide, not the person building the page. If I had to decide something myself, it will be in the list of differences at delivery.
Need something similar?
Whether it’s a website, a bot, or something that is now done by hand, tell me what’s going on, and I’ll tell you whether it can be solved or not.
Your request was not sent
Your text is not lost: go back and try again. Or contact me directly: on Telegram, on WhatsApp, or by email.
If it’s easier, contact me directly: on Telegram, on WhatsApp, or by email.
Not sure what’s wrong with your website? Check it for free on Telegram: @jw_site_check_bot.
Who owns everything afterward and what happens if I disappear: answers on the home page.