Gratis UI-designverktyg: Mockups, trådramar och prototyper
Installera appenGratis att använda, inget att installera. Designa app- och webbplatsskärmar i webbläsaren med ramar, autolayout, komponenter och klickbara prototyper. Exportera som PNG, SVG eller JPG.
Gränssnittsdesigner
Gratis · fungerar offline
- Alla redigeringsfunktioner, inget att installera
- Spara EVERYUI när som helst
- Exportera PNG, SVG, JPG med ett gratis konto
- Dina filer stannar på din enhet
- Med Pro: PDF export
Varför använda Gränssnittsdesigner
- 100% gratis
- Alla redigeringsfunktioner är gratis att använda, utan att något behöver installeras. Vissa exporter kräver ett gratiskonto.
- Privat i sin design
- Appen körs i din webbläsare, och ditt arbete stannar på din enhet om du inte sparar det på ditt konto.
- Fungerar på alla enheter
- Körs i din webbläsare på Windows, Mac, Linux, Android och iPhone. Ingen app behövs.
Så använder du Gränssnittsdesigner
- Klicka på Öppna Gränssnittsdesignern. Första laddningen hämtar redigeraren, så ge den en stund.
- Börja en ny design, eller öppna en designfil, en SVG eller en bild.
- Rita en ram för varje skärm, ordna innehållet med autolayout och gör upprepade delar, som knappar, till komponenter.
- Länka skärmar till varandra och spela upp prototypen för att klicka igenom flödet.
- Klicka på Dela och sedan Exportera för att spara skärmarna som PNG, SVG eller JPG.
Vanliga frågor
Vad är autolayout?
Autolayout gör att en ram ordnar sitt innehåll i en rad eller kolumn med bestämt avstånd och utfyllnad, så att en knapp växer med sin text och en lista ordnas om när du lägger till ett objekt.
Kan jag göra en klickbar prototyp?
Ja. Länka ramar till varandra och spela upp prototypen för att klicka igenom skärmarna på det sätt en användare skulle göra.
Kan jag öppna Figma- eller Sketch-filer?
Figma-filer (.fig) och Sketch-filer öppnas, liksom SVG, PNG, JPG, WebP, GIF och TIFF. Komplexa filer kanske inte överförs exakt, så kontrollera dem efter öppnandet.
Hur exporterar jag en design som PNG eller SVG?
Klicka på Dela och sedan Exportera, och välj PNG, SVG eller JPG. Dessa exporter kräver ett gratis EveryApp-konto; PDF-export kräver Pro.
Kan jag arbeta med en design tillsammans med mitt team i realtid?
Inte i den här versionen: liveredigering och publicering finns inte. Spara designfilen eller exportera dina skärmar för att dela dem.
Laddas mina designer upp?
Nej. Dina filer stannar på din enhet. Bara ett verktyg du väljer att köra på våra servrar, som Ta bort bakgrund, skickar den bilden för bearbetning, och den raderas efteråt.
Kan jag använda den offline?
Ja. Installera den från din webbläsare (Installera på den här sidan, eller Dela och sedan Lägg till på hemskärmen i Safari på iPhone) och när den laddats fungerar den utan internetanslutning.
Vad lägger Pro till?
PDF-export, bakgrundsborttagning för bilder i dina designer och att spara designer i Mina filer så att du kan öppna dem på valfri enhet.
Är Gränssnittsdesigner gratis?
Ja. Alla redigeringsfunktioner är gratis att använda, utan att något behöver installeras. Att spara i appens egna format kräver inget konto; andra exporter kräver ett gratiskonto.
Relaterade verktyg
- FärgpalettsgeneratorGenerera en femfärgspalett med mellanslag, lås färgerna du gillar eller bygg ett schema från din egen basfärg. Se 11 nyanser av varje färg och exportera.
- FärgkontrastkontrollAnge text- och bakgrundsfärg för att se WCAG-kvoten och om AA och AAA godkänns. Vid underkänt föreslås en närmast godkänd färg.
- FavicongeneratorGör en favicon av bokstäver, emoji eller din logga, med favicon.ico, PNG-storlekar och ikoner för iPhone och Android i en ZIP-fil.
- BakgrundsborttagningTa bort bakgrunden från ett foto och ladda ner en transparent PNG i originalstorlek. Hittar huvudmotivet åt dig, med mjuka kanter runt hår och päls.