Figma: Tervezés, prototípus és együttműködés az egész vállalaton belül
Az elmúlt néhány hónapban egy nagymértékben testreszabott WordPress-példány fejlesztésében és integrálásában segítettem egy ügyfél számára. Meglehetősen egyensúlyban van a stílussal, a WordPress kiterjesztésével egyéni mezőkkel, egyéni bejegyzéstípusokkal, tervezési keretrendszerrel, gyermektémával és egyéni bővítményekkel.
A nehéz rész az, hogy egy szabadalmaztatott prototípus-készítő platform egyszerű makettjeiből csinálom. Noha ez egy szilárd platform a vizualizációhoz és a tervezéshez, nem könnyen lefordítható HTML5 és a CSS3. Add hozzá az összes többi iterációt, és a napjaim meglehetősen frusztrálóak lesznek, mivel 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ú stílusstílust adna volna meg ... ezért azon dolgozunk, hogy ezt megvalósítsuk a prototípusok exportálásával léghajó, majd lefordítja a CSS a miénk gyermek téma stíluslap a WordPressben. A szükséges lépések száma és a platformok közötti hézagok megnehezítik a folyamatot. Arról nem is beszélve, hogy megpróbáljuk leegyszerűsíteni a bonyolultságot a sebesség és a méretezhetőség érdekében
figma
figma hatékony tervezési eszközöket biztosít többszereplős együttműködéssel, lehetővé téve a csapatok számára, hogy felfedezzék ötleteiket, miközben minőségi visszajelzéseket rögzítenek valós időben.
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ájlok elavultak vagy felülírják egymás munkáját.
- Az érdekeltek: Link küldése visszajelzés gyűjtéséhez, módosítási kérelmek fogadásához, és lehetővé teszi, hogy az érdekelt felek másolhassák a terveket.
- Fejlesztők: A mérnökök mindig hozzáférhetnek az igazság aktuális forrásához, és ellenőrizhetik az elemeket, exportálhatják az eszközöket és másolhatják a kódot.
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éteg-készletet pontosan kombinálhat.
- alkatrészek: Építsen gyorsabban és konzisztensebben a fájlok újrafelhasználható és méretezhető elemeivel. Hozzáférés a rétegekhez minden esetben a szöveg és a képek intuitív szerkesztéséhez és felülírásához.
- megszorítások: Bármilyen képernyőmérethez méretezheti az objektumokat a szülőkerethez rögzítve, az objektumokat rácsra illesztve, vagy akár méretezhető összetevők létrehozásával.
- Eszközkeretek: Mutassa be terveit a megfelelő környezetben. Akár álló és fekvő mód között is választhat.
- Kölcsönhatások: keltse életre prototípusait azáltal, hogy interakciókat határoz meg kattintáskor, lebegtetés közben, lenyomás közben stb.
- Átfedések: A relatív és kézi pozicionálással teljes mértékben szabályozhatja, hogy hol és hogyan jelenjenek meg az átfedések.
- Pixel tökéletesség: A 60 képkocka/mp sebességű interaktív szerkesztés rendkívül éles, pixel-tökéletes előnézeteket és exportálást biztosít.
- Prototípus-: Gyorsan építhet fel folyamatokat a képernyők összekapcsolásával és olyan elemek hozzáadásával, mint az interakciók, átmenetek, átfedések stb. 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ásaira.
- Gördülő: Vízszintes, függőleges vagy bármilyen irányú görgetés engedélyezése az egyes alakzatokon vagy a teljes szülőkereten belül.
- Stílusok: Színek, szövegek, rácsok és effektusok szinkronizálása az összes projektben. Kevesebb szövegstílust tartson fenn, és a Figma egyedi rácsstílusaival igazítsa össze a terveket a különböző eszközökön.
- Csapatkönyvtárak: Ossza meg az összetevőket és stílusokat a Figmában – nincs szükség megosztott meghajtókra vagy további eszközökre. Az egyszerű közzétételi munkafolyamatokkal Ön és csapata szabályozhatja, hogy a változtatások hogyan és mikor kerüljenek bevezetésre.
- 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őrzi a visszafelé kompatibilitást az útvonalakkal.
A vállalkozás ügyfelek, figma nagyarányú konzisztenciát, hatékonyságot és biztonságot eredményezhet. A platform lehetővé teszi a vállalati ügyfelek számára, hogy könnyedén kezeljék a tervezőrendszereket csapatkönyvtárak segítségével, valamint egyéni betűtípusok feltöltésének és megosztásának lehetőségével a szervezetben. Egyszeri bejelentkezés (SSO), hozzáférés-vezérlések és tevékenységnaplók is megtalálhatók.
Kezdő lépések a Figmával
figma oktatóanyagok nagy választékát kínálja, amelyeket fenntartanak saját magukon YouTube-csatorna, itt van az Első lépések videó:
figma a fejlesztők számára is lehetőséget biztosít az eszközök ellenőrzésére, másolására, exportálására és másolására CSS közvetlenül a tervfájlból. A meglévő munkafolyamatokat integrációkkal is engedélyezheti, beleértve léghajó, Jira, dropbox, ProtoPie
és Alapelv Machez. Robusztusuk is van API.