What Figma actually does in a website project
Figma is an editor for drawing interfaces: page structure, blocks, fonts, colors, buttons and their states. Think of it as the blueprint a site is built from. Your visitors never see the Figma file. They only see what a developer builds from it.
When a business owner asks for a site in Figma, they usually mean one of three things: seeing and approving the design before development, turning a finished mockup into code, or publishing a simple page without a programmer. The third option can work for a business card page or a short landing page. If you need a shop with Click or Payme payments, a customer account, CRM integration and a Telegram bot, you need proper development. Decide what the site must do first, then choose the tool.
The stages of a typical project
The mockup is only one step. A project usually moves like this:
- Goal and metric: leads, orders, calls, Telegram messages.
- Structure and prototype: which pages and blocks you need and how a visitor moves through them.
- Design in Figma: desktop and mobile versions, styles, components, form states.
- Approval: changing a mockup costs less than changing finished code.
- Development: a site builder, a CMS or custom code.
- Analytics, forms and payments, testing, launch.
What to check in the file before handing it to developers
A good Figma file is more than a pretty picture. Before it goes to a developer, run through this list:
- The mobile version is drawn separately, not just implied. Much of the traffic from Instagram and Telegram arrives on smartphones.
- Colors, fonts and spacing are defined as shared styles instead of being eyeballed in every block.
- Buttons, cards and forms are built as reusable components.
- States are shown: hover, form error, empty cart, loading.
- Texts are real, not Lorem ipsum, so you can see how blocks behave with actual content.
- The font supports Cyrillic and Uzbek Latin, including the o‘ and g‘ characters.
Local details that change the design
The biggest one is bilingual content. Russian and Uzbek texts differ in length, and Uzbek phrases are often longer. If a mockup is built around one short Russian headline, the Uzbek version may break a button or push the menu onto two lines. Draw both languages from the start and test them in the same block.
The second is buyer behavior. Many visitors arrive from Instagram, Telegram channels, OLX or Uzum and expect to act fast: tap a button, message you on Telegram, pay with Click or Payme. Put those actions at the center of the layout instead of burying them in the footer. Mobile internet outside the capital can be uneven, so heavy background videos and oversized images need a good reason to be there.
What drives the price
Nobody can name a fair figure without a brief, but you can understand how the price is built. The final amount depends on:
- the number of pages and unique blocks;
- custom design or an adapted template;
- the number of languages and the volume of text;
- animations and non-standard elements;
- integrations: payments, CRM, forms, a Telegram bot;
- ongoing support and later changes.
Common mistakes clients make
The most expensive mistake is approving a design because it looks nice. A beautiful mockup does not guarantee leads. Check it against the goal: can a visitor understand within seconds what you sell and where to click? A few other traps:
- a mockup with no mobile version;
- a design drawn before the copy is written;
- working without analytics, so you can never tell whether the site paid off;
- no mention in the contract of source files and rights to the design;
- changes requested after development has already started.
Where to start
Write down the one action a visitor should take, and collect a few sites you like and dislike. With that you can talk to a contractor about stages, timing and what is included.
markdev builds websites in Uzbekistan on a turnkey basis, from structure and the Figma mockup to launch and analytics setup. If you would like to talk through your project, send us a request and we will suggest the format that fits your business.
FAQ
Can I build a complete website in Figma alone?
A simple business card page, possibly. For a shop, customer accounts or online payments you normally need separate development. Figma is more often used to plan and approve the design.
Do I still need a mockup if the site is built on a site builder?
It helps to have at least a page map and the key blocks. That lets you agree on the structure before building and avoids reworking finished pages.
Who owns the Figma file after payment?
Put it in the contract. Ask in advance whether you receive the source file and the rights to use it.
Is a separate mobile mockup really necessary?
Yes. Most visitors use smartphones, so the mobile version should be designed on its own, not made by shrinking the desktop layout.
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.