What Figma to HTML actually means
A designer draws the site in Figma: colours, fonts, grid, content blocks. A front-end developer then rebuilds that picture in HTML, CSS and a bit of JavaScript. The outcome is a page you can open from a link, scroll and click.
This is not the same as building a whole website. Coding the design covers appearance and interface behaviour. An admin panel, product database, customer account or Click and Payme payments are back-end programming. Business owners often ask for a design to be coded and then wonder why the form does not send leads to Telegram or why they cannot edit the text. That is not a mistake by the developer; it is a separate part of the project and should be agreed on its own.
What to prepare before the work starts
The quality of the code depends heavily on the state of the design file. A tidy file speeds things up, a messy one turns into endless questions.
- Separate layouts for mobile and desktop. Most visitors coming from Instagram ads or Telegram links will use a smartphone, so mobile is the main version, not an afterthought.
- Shared styles: colours, fonts, heading and button sizes defined as styles instead of being set by hand on every element.
- Element states: how a button looks on hover, a form field with an error, an open menu.
- Real copy instead of placeholder text. A Russian headline and its Uzbek translation rarely have the same length, and a block can break.
- Images and icons in good quality that you have the right to use.
- A list of pages and scenarios: what happens after someone presses the Request a call button.
Things specific to Uzbekistan
The first is language. Many sites need Russian and Uzbek, sometimes English too. Uzbek in Latin script is often longer than the Russian equivalent, and the letters o‘ and g‘ need a font that renders them correctly. Test your chosen font in both Cyrillic and Latin before the design is approved, or you will be changing the layout at the coding stage.
The second is speed. In many regions mobile internet is unstable, and a page loaded with heavy images and unnecessary libraries will open slowly. A good developer compresses images, uses modern formats and avoids adding code the page does not need.
The third is audience habits. People arrive from Instagram, Telegram channels, OLX and marketplaces such as Uzum. They want to call, message on Telegram or pay quickly. Contact buttons should be large and reachable with one tap.
What affects the price
An honest quote is impossible without the design file, and anyone who gives one is guessing. The price is shaped by the number of unique screens rather than total pages, how complex the animations are, how many language versions you need, how many screen sizes must be supported, and what you expect for loading speed and search optimisation. Repeating template pages cost noticeably less than unique blocks with unusual behaviour.
Ask separately whether post-delivery corrections, CMS connection and hosting setup are included. Most misunderstandings happen exactly there.
How to check the finished pages
Do not stop at a glance on your office computer. Open the page on your own phone and someone else's, in different browsers, on a slow connection. Compare it with the design: spacing, fonts and colours should match, not merely look similar.
Then check that buttons and links work, forms deliver data, headings follow a logical order and images have descriptions. This is the base for Google visibility, and it is cheaper to build it in from the start than to bolt it on after launch.
Where to start
If you already have a design, show it to the contractor and ask for an assessment: what is clear, what needs clarifying, what risks they see. A good developer asks questions before starting, not after. If there is no design yet, define the goal of the site first, whether that is leads, sales or bookings, and only then start drawing.
The markdev team builds websites end to end: from design and front-end coding to connecting forms, analytics and advertising. If you would like to discuss your design or a project in Tashkent, send us a request and we will review it and suggest where to begin.
FAQ
What is the difference between coding a design and building a website?
Coding a design creates the look and behaviour of pages from a layout. Building a website also adds functionality such as an admin panel, database, payments and customer accounts. On simple sites the two can be combined.
Can a messy Figma file still be coded?
Yes, but it takes longer and costs more, because the developer has to guess sizes, states and mobile screens. It is better to tidy the file first.
Do I need a separate mobile layout?
Ideally yes. Without it the developer decides how blocks rearrange, and the result may not match what you expected.
How do I know the code quality is good?
Open the pages on several phones and browsers, compare with the design, check loading speed, forms and buttons, and make sure Uzbek letters such as o‘ and g‘ display correctly.
Let’s look at your task for free
Leave your contact — in a 15-minute call we’ll show where leads get lost and what to fix first.