Figma: Dizajn, prototypy a spolupráca v celom podniku

Obr

Posledné mesiace som pomáhal vyvíjať a integrovať vysoko prispôsobenú inštanciu WordPress pre klienta. Je to celkom vyvážený štýl, rozšírenie WordPressu o vlastné polia, vlastné typy príspevkov, návrhový rámec, podradenú tému a vlastné doplnky.

Zložité je, že to robím z jednoduchých makiet z proprietárnej prototypovej platformy. Aj keď je to solídna platforma pre vizualizáciu a dizajn, neprekladá sa ľahko do formátu HTML5 a CSS3. Pridajte všetky ďalšie iterácie a moje dni budú dosť frustrujúce, keď bude pokrok extrémne pomalý.

Jednou z častí skladačky je, že dizajnérska agentúra jednoducho odovzdala prototypy bez toho, aby poskytla akýkoľvek typ hlavnej šablóny štýlov ... takže pracujeme na tom, aby sme to dosiahli exportom prototypov do vzducholoďa potom preložiť CSS do WordPress. Počet potrebných krokov a medzery medzi platformami sťažujú proces. Nehovoriac o pokuse o zjednodušenie zložitosti pre rýchlosť a škálovateľnosť

Obr

Obr centralizuje veľkú časť tejto práce s platformou, ktorá umožňuje dizajn, spätnú väzbu a spoluprácu v rámci každého člena vášho tímu, vrátane:

  • Dizajnéri - Spolupracujte v kontexte a v reálnom čase. Nikdy sa nestarajte o to, že vaše súbory sú zastarané alebo si navzájom prepisujú prácu.
  • zúčastnené strany - Pošlite odkaz, aby ste zhromaždili spätnú väzbu, dostali žiadosti o zmeny a umožnili zúčastneným stranám robiť vo vašich dizajnoch aktualizácie kópií.
  • Vývojári - Inžinieri majú vždy prístup k aktuálnemu zdroju pravdy a môžu kontrolovať prvky, exportovať aktíva a kopírovať kód.

Figma má niektoré jedinečné vlastnosti:

  • Booleovské operácie - So štyrmi vzorcami: zjednotenie, odčítanie, pretínanie a vylúčenie môžete s presnosťou kombinovať ľubovoľnú sadu vrstiev tvarov.
  • komponenty - Vytvárajte rýchlejšie a dôslednejšie pomocou opakovane použiteľných a škálovateľných prvkov vo svojich súboroch. Pristupujte k vrstvám v každej inštancii, aby ste mohli intuitívne upravovať a prepísať vložený text a obrázky.
  • obmedzenia - Upravte svoj dizajn tak, aby sa zmestil na akúkoľvek veľkosť obrazovky, a to pripevnením objektov k nadradenému rámu, prichytením objektu k mriežke alebo dokonca vytvorením komponentov, ktoré sa zväčšujú.
  • Rámy zariadenia - Prezentujte svoje návrhy v správnych prostrediach. Môžete si dokonca vybrať medzi režimom na výšku a na šírku.
  • interakcie - Oživte svoje prototypy definovaním interakcií po kliknutí, podržaní kurzora myši, stlačení atď.
  • Šablóny - Pri relatívnom a manuálnom určovaní polohy máte úplnú kontrolu nad tým, kde a ako sa prekrytia objavia.
  • Dokonalosť pixelov - Interaktívne úpravy s rýchlosťou 60 snímok za sekundu vám prinášajú mimoriadne ostré, perfektné náhľady a exporty.
  • Prototyping - Rýchlo vytvárajte toky pripojením obrazoviek a pridávaním prvkov, ako sú interakcie, prechody, prekrytia a ďalšie. Namiesto synchronizácie s inými nástrojmi jednoducho zdieľajte adresu URL, aby ste dostali spätnú väzbu.
  • Citlivý dizajn - Natiahnite svoje rozloženia a uvidíte, ako budú reagovať na zmeny veľkosti obrazovky.

Reagovať na tvorbu prototypov

  • rolovanie - Povoľte horizontálne, vertikálne alebo ľubovoľné posúvanie v rámci jednotlivých tvarov alebo celého nadradeného rámca.
  • Štýly - Synchronizujte farby, text, tabuľky a efekty vo všetkých svojich projektoch. Udržiavajte menej štýlov textu a zarovnávajte svoje návrhy na rôznych zariadeniach s jedinečnými štýlmi mriežky spoločnosti Figma.
  • Tímové knižnice - Zdieľajte komponenty a štýly na serveri Figma - nie sú potrebné zdieľané disky ani ďalšie nástroje. Vy a váš tím riadite, ako a kedy sa zmeny zavedú, pomocou jednoduchých pracovných postupov zverejňovania.
  • Vektorové siete - Spoločnosť Figma vytvorila nástroj pero, aby bol intuitívnejší a umožňoval priamu manipuláciu pri zachovaní spätnej kompatibility s cestami.

pre podnik klientov, môže spoločnosť Figma riadiť konzistenciu, efektívnosť a bezpečnosť vo veľkom rozsahu. Platforma umožňuje podnikovým klientom ľahko spravovať návrhové systémy pomocou tímových knižníc a možnosti nahrávať a zdieľať vlastné písma v celej organizácii. Zahrnuté je jednotné prihlásenie, kontroly prístupu a denníky aktivít.

Začnite s Figou

Figma má veľký výber tutoriálov, ktoré udržiava na svojich Youtube kanál, tu je video Začíname:

Obr dáva vývojárom možnosť kontrolovať, kopírovať, exportovať aktíva a kopírovať CSS priamo zo súboru návrhu. Môžete tiež povoliť svoje existujúce pracovné toky s integráciami vrátane vzducholoď, Avokádo, Jira, Dropbox, ProtoPiea Zásada pre Mac. Majú tiež robustné API.

Vyskúšajte Figmu zadarmo

Čo si myslíte?

Táto stránka používa Akismet na zníženie spamu. Zistite, ako sa spracúvajú údaje vašich komentárov.