Figma till webbplats eller app
Dina Figma-designer byggda som ren, responsiv kod: HTML och CSS, React, Next.js eller ett CMS-tema.
Viktigaste funktioner
- Byggda sidor eller komponenter
- Kod i ett arkiv du äger
- Resultat från responsiva tester och webbläsartester
- Readme med installations- och driftsättningsanteckningar
- Inget köps härDu får först en skriftlig offert. Ingen betalning, inga åtaganden.
- Säljs och levereras av GRADAXEtt avtal och ett team, oavsett vem som gör jobbet.
- Dina data stannar i EUInget flyttas utanför unionen för bearbetning.
Om den här tjänsten
Du har färdiga designer och behöver dem byggda exakt. Vi gör Figma-filer till responsiv front-end-kod som matchar designen i varje brytpunkt, med den stack du väljer: ren HTML och CSS, React, Next.js eller ett WordPress- eller Shopify-tema. Komponenter byggs för att återanvändas, och luckor i designen flaggas innan vi gissar.
Där designen tystnar
Figma-filer visar hur en sida ser ut vid några fasta bredder, vanligtvis desktop och mobil. De visar sällan vad som händer däremellan, vad en knapp gör vid hover, hur ett kort ser ut med en väldigt lång rubrik, vad som visas när ett formulär har ett fel eller medan innehåll laddas. Det är i dessa luckor bygget glider ifrån designen.
Vi granskar filen innan vi bygger och listar varje lucka vi hittar. Vissa löser vi med förnuftiga standardvärden som följer designens logik. Andra frågar vi om, eftersom att gissa fel och bygga om kostar mer än en kort fråga. Resultatet är en bygge som matchar designen där den är tydlig och respekterar dess avsikt där den inte är det.
Komponenter först, sidor sedan
Bra designfiler byggs av komponenter: knappar, kort, navigering, formulärfält. Bra kod borde också vara det. Att bygga sida för sida och kopiera och justera element efterhand ger en sajt där varje knapp är lite olika och en designändring innebär att redigera dussintals ställen.
Vi bygger de delade komponenterna först, i linje med komponenterna i Figma, och sätter sedan ihop sidor av dem. En ändring av knappstilen uppdaterar varje knapp. Nya sidor kan byggas av befintliga delar. Markupen är semantisk och tillgänglig, bilder optimeras och typsnitt laddas effektivt, för en pixelperfekt sida som tar sex sekunder att ladda på en mobil är inte ett bra bygge.
Specifikationer
- Kategori
- Automatisering och data
- Pris
- 290 € till 1 050 €
- Storlekar
- Liten (Landningssida), Medel (Bygge med flera sidor), Stor (Bygg med CMS)
- Leveranstid
- 3 dagar till 5 veckor
- Fakturerat
- Engångsbelopp
- Vad du får
- 4 objekt, allt ingår i priset
- Vad vi behöver från dig
- Figma-fil med visnings- och Dev Mode-åtkomst, Din föredragna stack och var den ska hostas, Design för mobil, eller tillstånd för oss att anpassa på ett vettigt sätt
- Köps oftast av
- SaaS, Byråer och studior, Startups, E-handel
- Säljs och levereras av
- GRADAX, ett avtal och ett team
- Var dina uppgifter behandlas
- Europeiska unionen
Vad du får
Allt nedan ingår i priset. Inget här är ett tillägg.
- Byggda sidor eller komponenter
- Kod i ett arkiv du äger
- Resultat från responsiva tester och webbläsartester
- Readme med installations- och driftsättningsanteckningar
Vad ändras
- Sidor som matchar Figma-designen i desktop-, tablet- och mobilbredd
- Återanvändbara komponenter som speglar komponenterna i designfilen
- Tillgänglig markup: semantisk HTML, tangentbordsnavigering, alt-text
- Snabbladdade sidor, med bilder optimerade och typsnitt laddade effektivt
Jämför storlekarna
Standardpriset för varje storlek. Tillägg prissätts bredvid, inte gömda bakom ett samtal.
| Ingår | Landningssida290 €3 till 5 arbetsdagar | Bygge med flera sidor500 €2 till 3 veckor | Bygg med CMS1 050 €3 till 5 veckor |
|---|---|---|---|
| En sida, responsiv | Ingår | Ingår | Ingår |
| HTML och CSS eller ett ramverk | Ingår | Ingår | Ingår |
| Formulär kopplade | Ingår | Ingår | Ingår |
| Webbläsartestning | Ingår | Ingår | Ingår |
| Allt i Landningssida, upp till sex mallar | Ingår inte | Ingår | Ingår |
| Komponentbibliotek | Ingår inte | Ingår | Ingår |
| Animationer och interaktioner från designen | Ingår inte | Ingår | Ingår |
| Tillgänglighetskontroll | Ingår inte | Ingår | Ingår |
| Allt i Flersidig byggnation, upp till tolv mallar | Ingår inte | Ingår inte | Ingår |
| CMS kopplat: WordPress, Shopify, Sanity eller liknande | Ingår inte | Ingår inte | Ingår |
| Innehållsinmatning för lanseringssidor | Ingår inte | Ingår inte | Ingår |
| Driftsättning och 14 dagars korrigeringar | Ingår inte | Ingår inte | Ingår |
| Lägg till i offert |
Lägg till det du behöver
Choose the size
Lägg till det du behöver
Din totalsumma€500
Standardpriset, plus det du lägger till. Bekräftas skriftligt innan något startar; inget faktureras förrän du accepterar det.
Så driftas det
Granska
Designen granskad för saknade tillstånd och brytpunkter före bygget.
Komponenter
Delade delar byggda först: knappar, kort, navigering, formulär.
Sidor
Sidor byggda av komponenter och matchade mot designen.
Test
Kontrollerad i webbläsare och enheter, sedan överlämnad.
Frågor
Kan du bygga från en design som inte har någon mobilversion?
Ja. Vi anpassar på ett vettigt sätt och visar nyckelskärmar för mobil innan vi bygger alla.
Blir det pixelexakt?
Den matchar designen nära vid de bredder den formgavs för. Mellan dessa bredder flödar layouterna som designen avser; vi flaggar allt som är otydligt.
Använder ni automatiska verktyg för design-till-kod?
Vi skriver koden för hand. Automatiska exporter tenderar att producera uppblåst, svårunderhållen kod som blir dyr att ändra senare.
Relaterade sökningar
Relaterat arbete
EngångsbeloppByggnation av Webflow-webbplatsEn skräddarsydd Webflow-sajt med ett CMS som ditt team kan redigera och interaktioner som förblir snabba.from 420 €
ScopedUI-designsprintSkärmar designade och prototypade på två veckor, redo att bygga.from 1 800 €vid omfattning
EngångsbeloppFullstack-webbappEn skräddarsydd webbapplikation med egen databas, inloggningar och admin, byggd och driftsatt.from 420 €
EngångsbeloppUtveckling av Android-apparInbyggda Android-appar i Kotlin, byggda enligt Googles riktlinjer och publicerade på Google Play.from 420 €
EngångsbeloppiOS-apputvecklingEn native iPhone-app i Swift, byggd enligt Apples riktlinjer och tagen genom App Store-granskning.from 830 €
EngångsbeloppBygge av HTML-mejlmallHandkodade HTML-mejl som visas korrekt i Outlook, Gmail, Apple Mail och mörkt läge.from 290 €
Passar inte storleken?
Vissa uppdrag är unika. Vi granskar dem först och offererar skriftligen, och granskningssamtalet kostar ingenting.