Treceți la conținut
Companie europeanăFondată în 2014Construit și administrat în EuropaPlăți securizate de Plățile cu cardul se procesează prin Stripe. Datele cardului dumneavoastră nu ajung niciodată pe serverele noastre.
Starea sistemelorSuportEvaluare gratuită
GRADAX

Din Figma în site sau aplicație

Designurile dumneavoastră Figma transformate în cod curat și adaptabil: HTML și CSS, React, Next.js sau o temă CMS.

GRADAXCompanie europeanăComandați direct

Înființată în 2014Construit și administrat în Europa3 zile – 5 săptămâni

Un furnizor oficialUn singur contract și o singură echipă, indiferent cine execută lucrarea.
Datele dumneavoastră rămân în UENimic nu este mutat în afara Uniunii pentru a fi prelucrat.
Cotat înainte de startConfirmat în scris, iar nimic nu se taxează până la acceptarea dumneavoastră.
Din Figma în site sau aplicație

Despre acest serviciu

Aveți designuri finalizate și doriți ca acestea să fie construite exact. Transformăm fișierele Figma în cod front-end responsive, care corespunde designului la fiecare punct de întrerupere, folosind stack-ul ales de dumneavoastră: HTML și CSS simple, React, Next.js sau o temă WordPress ori Shopify. Componentele sunt construite pentru a fi reutilizate, iar lipsurile de design sunt semnalate înainte de a face presupuneri.

Unde designul nu spune nimic

Fișierele Figma arată cum arată o pagină la câteva lățimi fixe, de obicei desktop și mobil. Rareori arată ce se întâmplă între ele, ce face un buton la trecerea cursorului, cum arată un card cu un titlu foarte lung, ce apare când un formular are o eroare sau cât timp se încarcă conținutul. Aceste lacune sunt locul în care construcția se abate de la design.

Verificăm fișierul înainte de construcție și enumerăm fiecare lipsă găsită. Pe unele le rezolvăm cu valori implicite sensibile, care urmează logica designului. Despre altele întrebăm, pentru că a ghici greșit și a reconstrui costă mai mult decât o întrebare scurtă. Rezultatul este o construcție care corespunde designului acolo unde acesta este explicit și respectă intenția lui acolo unde nu este.

Mai întâi componentele, apoi paginile

Fișierele bune de design sunt construite din componente: butoane, carduri, navigare, câmpuri de formular. Codul bun ar trebui să fie la fel. Construirea pagină cu pagină, copiind și ajustând elemente pe parcurs, produce un site în care fiecare buton este ușor diferit, iar o schimbare de design înseamnă editarea a zeci de locuri.

Construim mai întâi componentele comune, identice cu cele din Figma, apoi asamblăm paginile din ele. O modificare a stilului butonului actualizează toate butoanele. Paginile noi se pot construi din părțile existente. Codul este semantic și accesibil, imaginile sunt optimizate, iar fonturile se încarcă eficient, pentru că o pagină perfectă la pixel care se încarcă în șase secunde pe telefon nu este o construcție bună.

Ce primiți

Tot ce este mai jos este inclus în preț. Nimic de aici nu este un upgrade.

  • Pagini sau componente construite
  • Cod într-un depozit al dumneavoastră
  • Rezultatele testelor de responsivitate și de browser
  • Fișier README cu note de configurare și publicare

Ce se schimbă

  • Pagini care corespund designului Figma la lățimile de desktop, tabletă și mobil
  • Componente reutilizabile care reflectă componentele din fișierul de design
  • Markup accesibil: HTML semantic, navigare cu tastatura, text alternativ
  • Pagini cu încărcare rapidă, imagini optimizate și fonturi încărcate eficient

Cum funcționează

  1. Analiză

    Design verificat pentru stări lipsă și puncte de rupere înainte de construcție.

  2. Componente

    Piesele comune construite primele: butoane, carduri, navigare, formulare.

  3. Pagini

    Pagini asamblate din componente și potrivite designului.

  4. Testare

    Verificată în browsere și pe dispozitive, apoi predată.

Comparați pachetele

Prețul standard pentru fiecare dimensiune. Extrele sunt cotate alături, nu ascunse în spatele unui apel.

Din Figma în site sau aplicație: what each size includes
InclusPagină de destinație290 EUR3–5 zile lucrătoareConstrucție pe mai multe pagini500 EUR2–3 săptămâniConstruit cu CMS1.050 EUR3–5 săptămâni
O pagină, responsivăInclusInclusInclus
HTML și CSS sau un singur frameworkInclusInclusInclus
Formulare conectateInclusInclusInclus
Testare în browsereInclusInclusInclus
Tot ce include Pagină de destinație, până la șase șabloaneNeinclusInclusInclus
Bibliotecă de componenteNeinclusInclusInclus
Animații și interacțiuni din designNeinclusInclusInclus
Verificarea accesibilitățiiNeinclusInclusInclus
Tot ce este inclus în Construcție multi-pagină, până la doisprezece șabloaneNeinclusNeinclusInclus
CMS conectat: WordPress, Shopify, Sanity sau similarNeinclusNeinclusInclus
Introducerea conținutului pentru paginile de lansareNeinclusNeinclusInclus
Lansare și 14 zile de corecțiiNeinclusNeinclusInclus
ComandăSelectare Selectare Selectare

Adăugați ce vă trebuie

Choose the size

Adăugați ce vă trebuie

Totalul dumneavoastră€500

Continuare

Prețul standard, plus ce adăugați dumneavoastră. Confirmat în scris înainte de orice început; nu se facturează nimic până nu acceptați.

Întrebări

Puteți construi dintr-un design care nu are versiune pentru mobil?

Da. Adaptăm rezonabil și vă arătăm ecranele cheie de mobil înainte de a le construi pe toate.

Va fi perfect pixel cu pixel?

Se va potrivi îndeaproape cu designul la lățimile pentru care a fost proiectat. Între aceste lățimi, machetele curg așa cum intenționează designul; semnalăm orice este ambiguu.

Folosiți instrumente automate de la design la cod?

Scriem codul manual. Exporturile automate tind să producă cod umflat, greu de întreținut și costisitor de modificat ulterior.

Căutări asemănătoare

de la Figma la codde la Figma la HTMLde la Figma la Reactde la Figma la WordPressdezvoltator front-endpsd în htmldezvoltator Figmadezvoltator Next.js

Comandați

Suficient de standardizat pentru a fi comandat direct. Prețul este confirmat în scris înainte de începerea lucrărilor.

Comandați Programați analiza gratuită