Content MarketingMarketing eszközök

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.
Reszponzív prototípus készítés
  • 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.

Próbálja ki a Figmát ingyen

Douglas Karr

Douglas Karr CMO of OpenINSIGHTS és az alapítója a Martech Zone. Douglas több tucat sikeres MarTech startupnak segített, több mint 5 milliárd dolláros átvilágításban segédkezett a Martech akvizíciókban és befektetésekben, és továbbra is segíti a vállalatokat értékesítési és marketingstratégiáik megvalósításában és automatizálásában. Douglas nemzetközileg elismert digitális átalakulás és MarTech szakértő és előadó. Douglas egy Dummie's Guide és egy üzleti vezetői könyv szerzője is.

Kapcsolódó cikkek

Vissza a lap tetejére gombra
közel

Adblock észlelve

Martech Zone ingyenesen tudja biztosítani Önnek ezt a tartalmat, mivel webhelyünkkel bevételt szerezünk hirdetési bevételek, társult linkek és szponzorálás révén. Nagyra értékelnénk, ha eltávolítaná hirdetésblokkolóját, miközben megtekinti webhelyünket.