Ingyenes UI-tervező: makettek, vázlatok és prototípusok
Ingyenesen használható, nincs mit telepíteni. Tervezz képernyőket a böngésződben, kattintható prototípusokkal. Exportálás PNG, SVG vagy JPG formátumban.
Felülettervező
Ingyenes · offline is működik
- Minden szerkesztési funkció, semmit sem kell telepíteni
- EVERYUI mentése bármikor
- PNG, SVG, JPG exportálása ingyenes fiókkal
- A fájljaid az eszközödön maradnak
- Pro csomaggal: PDF export
Miért érdemes használni ezt: Felülettervező
- 100%-ban ingyenes
- Minden szerkesztési funkció ingyen használható, nincs mit telepíteni. Néhány exportáláshoz ingyenes fiók kell.
- Adatvédelem a tervezésben
- Az alkalmazás a böngésződben fut, a munkád pedig az eszközödön marad, hacsak nem mented a fiókodba.
- Bármilyen eszközön működik
- A böngésződben fut Windows, Mac, Linux, Android és iPhone rendszeren. Nincs szükség alkalmazásra.
Így használd: Felülettervező
- Kattints a Felülettervező megnyitása gombra. Az első betöltés letölti a szerkesztőt, ezért egy kis türelem kell.
- Kezdj új tervet, vagy nyiss meg egy tervfájlt, SVG-t vagy képet.
- Rajzolj keretet minden képernyőhöz, rendezd el a tartalmát automatikus elrendezéssel, a gombokhoz hasonló ismétlődő részeket pedig alakíts komponensekké.
- Kösd össze a képernyőket, és játszd le a prototípust, hogy végigkattintsd a folyamatot.
- Kattints a Megosztás, majd az Exportálás gombra, és mentsd a képernyőket PNG, SVG vagy JPG formátumban.
Gyakori kérdések
Mi az automatikus elrendezés?
Az automatikus elrendezés a keretet sorba vagy oszlopba rendezi a tartalmát, beállított térközzel és margóval, így a gomb a feliratával együtt nő, a lista pedig átrendeződik, ha elemet adsz hozzá.
Készíthetek kattintható prototípust?
Igen. Kösd össze a kereteket, és játszd le a prototípust, hogy felhasználóként kattints végig a képernyőkön.
Megnyithatók a Figma- vagy Sketch-fájlok?
Megnyílnak a Figma (.fig) és a Sketch fájlok, valamint az SVG, PNG, JPG, WebP, GIF és TIFF. Az összetett fájlok nem biztos, hogy pontosan átjönnek, ezért nyitás után ellenőrizd őket.
Hogyan exportálom a tervet PNG vagy SVG formátumban?
Kattints a Megosztás, majd az Exportálás gombra, és válassz PNG, SVG vagy JPG formátumot. Ezekhez ingyenes EveryApp-fiók kell; a PDF-export Pro-t igényel.
Dolgozhatok a tervemen valós időben a csapatommal?
Ebben a verzióban nem: az élő munkamenetek és a közzététel nem elérhetők. Mentsd a tervfájlt, vagy exportáld a képernyőket, hogy megoszthasd őket.
Feltöltődnek a terveim?
Nem. A fájljaid az eszközödön maradnak. Csak az az eszköz küld el egy képet feldolgozásra a szervereinkre, amelyet te választasz, mint a Háttér eltávolítása, és az utána törlődik.
Használhatom offline?
Igen. Telepítsd a böngésződből (az oldalon a Telepítés gombbal, vagy iPhone-on a Safariban a Megosztás, majd a Főképernyőhöz adás lehetőséggel), és miután betöltött, internetkapcsolat nélkül is működik.
Mit ad hozzá a Pro?
PDF-exportot, háttéreltávolítást a terveidben lévő képekhez, és a terveid mentését a Fájljaim közé, hogy bármelyik eszközön megnyithasd őket.
Ingyenes a(z) Felülettervező?
Igen. Minden szerkesztési funkció ingyen használható, nincs mit telepíteni. Az alkalmazás saját formátumában való mentéshez nincs szükség fiókra; a többi exportáláshoz ingyenes fiók kell.
Kapcsolódó eszközök
- Színpaletta-generátorGenerálj öt színes palettát, rögzíts színeket, vagy építs sémát egy alapszínből. Színenként 11 árnyalat; exportálás CSS, Tailwind vagy JSON.
- Színkontraszt-ellenőrzőSzöveg- és háttérszín WCAG kontrasztaránya: AA és AAA, normál és nagy szöveg, gombok és ikonok. Ha nem felel meg, közeli megfelelő színt javasolunk.
- Favicon-generátorFavicon betűkből, emojiból vagy logóból: favicon.ico, PNG-k, iPhone- és Android-ikonok, webmanifest és kód ZIP-ben. Az eszközön készül.
- HáttéreltávolítóTávolítsd el a fotó hátterét, és tölts le átlátszó PNG-t az eredeti méretben. A fő alakot automatikusan megtalálja, a haj és szőr finom széleivel együtt.