Figma: Tervezés, prototípus és együttműködés az egész vállalaton belül

Figma

Az elmúlt hónapokban segítettem egy klienshez nagyon testreszabott WordPress-példány kifejlesztésében és integrálásában. A stílus egyensúlya, a WordPress kiterjesztése az egyéni mezőkön, az egyedi bejegyzéstípusokon, a tervezési keretrendszeren, a gyermek témán és az egyedi bővítményeken keresztül.

A nehéz az, hogy egy saját prototípus-készítő platform egyszerű makettjeiből csinálom. Bár ez egy stabil platform a vizualizációhoz és a tervezéshez, nem könnyen fordítható HTML5-re és CSS3-ra. Adja hozzá az összes többi iterációt, és napjaim meglehetősen elkeserítővé válnak, mert a fejlődés rendkívül lassú.

A rejtvény egyik eleme, hogy a tervezőiroda egyszerűen átadta a prototípusokat anélkül, hogy bármilyen típusú fő stíluslapot megadna ... ezért azon dolgozunk, hogy ezt megvalósítsuk a prototípusok léghajó, majd lefordítja a CSS-t WordPress-be. A szükséges lépések száma és a platformok közötti rések megnehezítik a folyamatot. Nem beszélve a sebesség és a skálázhatóság összetettségének egyszerűsítéséről

Figma

Figma A munka nagy részét egy olyan platform segítségével központosítja, amely lehetővé teszi a tervezést, a visszacsatolást és az együttműködést a csapat minden tagjánál, beleértve:

  • Tervezők - Együttműködés kontextusban és valós időben. Soha ne aggódjon amiatt, hogy a fájljai elavultak vagy felülírják egymás munkáját.
  • Az érdekeltek - Küldjön egy linket a visszajelzések összegyűjtésére, a változtatási kérelmek befogadására és az érintettek számára, hogy másolatot készítsenek a tervekről.
  • Fejlesztők - A mérnököknek mindig van hozzáférésük az aktuális igazságforráshoz, és ellenőrizhetik az elemeket, az exportált eszközöket és a kódkódokat.

A Figma néhány egyedi tulajdonsággal rendelkezik:

  • Logikai műveletek - Négy képlettel: egyesítés, kivonás, metszés és kizárás, bármilyen alakzatréteget pontosan kombinálhat.
  • alkatrészek - Gyorsabban és következetesebben készítsen fájljaiban újrafelhasználható és méretezhető elemekkel. Minden rétegben hozzáférhet a rétegekhez, így intuitív módon szerkesztheti és felülírhatja a szöveget és képeket.
  • megszorítások - Méretezze méretét úgy, hogy bármilyen képernyőmérethez illeszkedjen, objektumokat rögzítve egy szülő kerethez, objektumot rácshoz rögzítve, vagy akár méretarányos összetevőket létrehozva.
  • Eszközkeretek - Bemutassa terveit a megfelelő környezetben. Akár álló és fekvő mód között is választhat.
  • Kölcsönhatások - Tegye életre prototípusait azáltal, hogy meghatározza az interakciókat kattintással, lebegés közben, közben nyomja meg stb.
  • Átfedések - A relatív és a kézi pozícionálással teljes mértékben szabályozhatja, hogy hol és hogyan jelenjenek meg a fedvények.
  • Pixel-tökéletesség - A 60 képkocka / másodperces interaktív szerkesztés rendkívül éles, pixel tökéletes előnézeteket és exportálást eredményez.
  • Prototípus- - Gyorsan felépítheti a folyamatokat a képernyők összekapcsolásával és olyan elemek hozzáadásával, mint interakciók, átmenetek, átfedések és egyebek. Más eszközökkel való szinkronizálás helyett egyszerűen ossza meg az URL-t, hogy visszajelzést kapjon.
  • Érzékeny tervezés - Nyújtsa ki az elrendezéseket, és nézze meg, hogyan reagálnak a képernyő méretének változására.

Reszponzív prototípus készítés

  • Gördülő - Engedélyezze a vízszintes, függőleges vagy bármilyen irányú görgetést az egyes alakzatokon vagy a teljes szülőkereten belül.
  • Stílusok - Szinkronizálja a színeket, a szöveget, a rácsokat és az effektusokat az összes projektben. Tartson kevesebb szövegstílust, és igazítsa a terveket a különböző eszközökön a Figma egyedi rácsstílusaihoz.
  • Csapatkönyvtárak - Komponensek és stílusok megosztása a Figmában - nincs szükség megosztott meghajtókra vagy további eszközökre. Ön és csapata egyszerű közzétételi munkafolyamatokkal szabályozza, hogy miként és mikor kerüljenek bevezetésre a változások.
  • Vektor hálózatok - A Figma a toll eszközt intuitívabbá tette, lehetővé téve a közvetlen manipulációt, miközben megőrizte az utakkal való kompatibilitást.

A vállalkozás ügyfelek, a Figma nagymértékben képes növelni a következetességet, a hatékonyságot és a biztonságot. A platform lehetővé teszi a vállalati ügyfelek számára, hogy a csapattárakkal könnyedén kezeljék a tervezési rendszereket, valamint hogy az egyéni betűtípusokat feltölthessék és megosszák az egész szervezeten. Az egyszeri bejelentkezés, a hozzáférés-vezérlők és a tevékenységnaplók benne vannak.

Kezdő lépések a Figmával

Figma nagyszerű választékot kínál az oktatóanyagokról, amelyeket fenntartanak Youtube csatorna, itt van az Első lépések videó:

Figma lehetővé teszi a fejlesztők számára, hogy ellenőrizzék, másolják, exportálják az eszközöket és a CSS-t közvetlenül a tervfájlból másolják. A meglévő munkafolyamatokat integrációkkal is engedélyezheti, beleértve léghajó, Avokód, Jira, dropbox, ProtoPieés Alapelv Mac-hez. Robusztus API-val is rendelkeznek.

Próbálja ki a Figmát ingyen

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.