Hoppa till innehåll

Design and UI

Zeplin

Zeplin är en samarbetsplattform mellan designers och utvecklare för att överlämna designer, tillgångar och stilguider. Istället för att skicka färdiga filer fram och tillbaka ger Zeplin utvecklare en strukturerad vy över designen med mått, färger och exporterbara resurser.

Besök Zeplin

Vad är Zeplin?

Zeplin är en samarbetsplattform mellan designers och utvecklare som gör det möjligt att överlämna (handoff) design till utveckling på ett strukturerat sätt. Designers publicerar sina skärmar och komponenter till Zeplin, där verktyget automatiskt extraherar mått, färger, typsnitt och andra style guide-detaljer samt tillgångar (assets) som utvecklare kan använda direkt utan att gissa sig till exakta värden i designfilen. Det fungerar alltså som ett lager ovanpå ett designverktyg - till exempel Figma eller Sketch - specifikt för att göra övergången från design till kod tydligare och mer spårbar. Gratisnivån enligt källan är begränsad till ett projekt, vilket gör Zeplin lämpligt att prova för ett enskilt projekt men otillräckligt för byråer eller team med flera parallella uppdrag utan att betala.

Vad den fria nivån räcker till

Fri nivå gäller för ett projekt enligt källan - tillräckligt för att testa handoff-flödet på en enskild produkt eller kampanj, men inte för att driva flera projekt parallellt utan kostnad.

Användningsfall

Överlämna skärmdesign till utvecklare

Publicera färdiga skärmar med exakta mått, färger och typsnitt som utvecklare kan läsa av direkt istället för att gissa.

Delad style guide

Skapa en gemensam referens för färger, typografi och komponenter mellan design- och utvecklingsteam.

Exportera assets för implementation

Hämta ikoner, bilder och andra grafiska tillgångar direkt i de format och upplösningar utveckling behöver.

Minska fram-och-tillbaka-kommunikation

Undvik onödiga frågor om exakta pixelvärden genom att låta Zeplin extrahera dem automatiskt från designfilen.

Hantera ett enskilt projekt gratis

Driva handoff-processen för ett enda projekt inom gratisnivåns gräns, exempelvis för en frilansare eller mindre uppdrag.

Styrkor och begränsningar

Styrkor

  • Automatisk extraktion av mått, färger och typsnitt från designfiler
  • Tydlig style guide-generering för konsekvent implementation
  • Fokuserat specifikt på design-till-utveckling-handoff snarare än att vara ett allmänt designverktyg
  • Minskar behovet av manuell kommunikation kring exakta designvärden mellan designer och utvecklare

Begränsningar

  • Gratisnivån begränsad till ett projekt enligt källan - otillräckligt för team med flera projekt
  • Kräver ett separat designverktyg som källa (t.ex. Figma eller Sketch) - Zeplin är inget fristående designverktyg
  • Ytterligare ett verktyg i kedjan att lära sig och underhålla
  • Konkurrerar med handoff-funktioner som redan finns inbyggda i vissa moderna designverktyg

Jämfört med alternativen

Figma.com har idag inbyggda inspect- och handoff-funktioner i samma verktyg som designen skapas i, vilket gör ett separat Zeplin överflödigt för team som redan arbetar helt i Figma. Mockplus iDoc är en mer direkt konkurrent med samma inriktning på design collaboration och handoff, och erbjuder enligt källan tre användare och fem projekt gratis - fler projekt än Zeplins ett. Marvelapp.com erbjuder liknande design- och prototypsamarbete men med fokus även på prototyping snarare än enbart handoff, och är gratis begränsat till en användare och ett projekt.

Vanliga frågor

Är Zeplin gratis för alltid?

Källan anger att gratisnivån gäller för ett projekt - för fler projekt krävs en betald plan. Verifiera aktuella priser direkt hos Zeplin.

Ersätter Zeplin mitt designverktyg?

Nej, Zeplin är ett handoff- och samarbetslager ovanpå ett designverktyg, inte en ersättning för till exempel Figma eller Sketch.

Finns en self-hosted variant?

Källan anger inget om self-hosting - Zeplin framstår som en molntjänst. Verifiera direkt hos leverantören om detta är avgörande.

Vem passar Zeplin för?

Design- och utvecklingsteam som vill formalisera överlämningen av mått, tillgångar och style guides mellan design och kod, särskilt för enstaka eller mindre projekt inom gratisnivån.

SIAX perspektiv

Zeplin löser ett konkret överlämningsproblem mellan design och utveckling, men med bara ett gratis projekt blir det snabbt en fråga om betald plan så fort ett team har mer än en aktiv leverans. För enstaka konsultuppdrag med tydlig start och slut kan den fria nivån räcka; för löpande kundrelationer med flera parallella projekt är det värt att räkna på kostnaden direkt.

Osäker på vad ni behöver?

Vi hjälper er välja rätt verktygsstack

Ett kostnadsfritt första samtal - vi går igenom er stack och vad som faktiskt behövs innan ni betalar för något.

Boka samtal