Figma: Design, prototypy a spolupráce napříč podniky

Obr

V posledních několika měsících jsem pomáhal vyvíjet a integrovat vysoce přizpůsobenou instanci WordPress pro klienta. Je to docela vyvážený styl, rozšíření WordPressu o vlastní pole, vlastní typy příspěvků, konstrukční rámec, podřízené téma a vlastní doplňky.

Složité je, že to dělám z jednoduchých modelů z proprietární prototypové platformy. I když je to solidní platforma pro vizualizaci a design, nelze jej snadno přeložit do HTML5 a CSS3. Přidejte všechny ostatní iterace a moje dny jsou docela frustrující, protože pokrok je extrémně pomalý.

Jedním z kousků skládačky je, že designová agentura jednoduše předala prototypy, aniž by poskytla jakýkoli typ hlavního seznamu stylů ... takže pracujeme na tom, abychom toho dosáhli exportem prototypů do vzducholoďa poté přeložit CSS na WordPress. Počet nezbytných kroků a mezery mezi platformami ztěžují proces. Nemluvě o snaze zjednodušit složitost pro rychlost a škálovatelnost

Obr

Obr centralizuje většinu této práce s platformou, která umožňuje design, zpětnou vazbu a spolupráci v rámci každého člena vašeho týmu, včetně:

  • Designéři - Spolupracujte v kontextu a v reálném čase. Nikdy se nemusíte starat o to, že vaše soubory jsou zastaralé nebo si navzájem přepisují práci.
  • Zúčastněné strany - Pošlete odkaz a získejte zpětnou vazbu, získejte žádosti o změny a umožněte zúčastněným stranám provádět aktualizace kopií ve vašich návrzích.
  • Vývojáři - Inženýři mají vždy přístup k aktuálnímu zdroji pravdy a mohou kontrolovat prvky, exportovat aktiva a kopírovat kód.

Figma má některé jedinečné vlastnosti:

  • Booleovské operace - Se čtyřmi vzorci: sjednocení, odečtení, protnutí a vyloučení můžete s přesností kombinovat libovolnou sadu vrstev tvarů.
  • Komponenty - Vytvářejte rychleji a důsledněji s opakovaně použitelnými a škálovatelnými prvky ve vašich souborech. Získejte přístup k vrstvám v každé instanci, abyste mohli intuitivně upravovat a přepisovat text a obrázky přímo.
  • Omezení - Přizpůsobte svůj design tak, aby se vešel na jakoukoli velikost obrazovky, a to připevněním objektů k nadřazenému rámu, přichycením objektu k mřížce nebo dokonce vytvořením komponent, které se zvětšují.
  • Rámečky zařízení - Prezentujte své návrhy ve správném prostředí. Můžete si dokonce vybrat mezi režimem na výšku a na šířku.
  • Interakce - Oživte své prototypy definováním interakcí po kliknutí, při najetí myší, při stisknutí atd.
  • Šablony - Při relativním a ručním určování polohy máte plnou kontrolu nad tím, kde a jak se překryvy objeví.
  • Pixelová dokonalost - Interaktivní úpravy rychlostí 60 snímků za sekundu vám přinášejí velmi ostré náhledy a exporty s dokonalými pixely.
  • Prototyping - Rychle vytvářejte toky propojením obrazovek a přidáváním prvků, jako jsou interakce, přechody, překryvy a další. Místo synchronizace s jinými nástroji jednoduše sdílejte URL, abyste dostali zpětnou vazbu.
  • Citlivé design - Roztáhněte rozvržení a podívejte se, jak budou reagovat na změny velikosti obrazovky.

Reagovat na tvorbu prototypů

  • Posouvání - Povolte vodorovné, svislé nebo libovolné posouvání v rámci jednotlivých tvarů nebo celého nadřazeného rámečku.
  • Styly - Synchronizujte barvy, text, mřížky a efekty ve všech svých projektech. Díky jedinečným stylům mřížky od společnosti Figma můžete udržovat méně stylů textu a sladit své návrhy na různých zařízeních.
  • Týmové knihovny - Sdílejte komponenty a styly v aplikaci Figma - není třeba sdílet disky ani další nástroje. Vy a váš tým ovládáte, jak a kdy jsou změny zavedeny pomocí jednoduchých pracovních postupů publikování.
  • Vektorové sítě - Figma vytvořil nástroj pero, aby byl intuitivnější a umožňoval přímou manipulaci při zachování zpětné kompatibility s cestami.

Pro podnik klienti, může Figma řídit konzistenci, efektivitu a zabezpečení ve velkém. Platforma umožňuje podnikovým klientům snadno spravovat návrhové systémy s týmovými knihovnami a schopností nahrávat a sdílet vlastní písma v celé vaší organizaci. Zahrnuje jednotné přihlášení, ovládací prvky přístupu a protokoly aktivit.

Začněte s Figmou

Figma má velký výběr výukových programů, které udržují Youtube kanál, zde je video Začínáme:

Obr dává vývojářům možnost kontrolovat, kopírovat, exportovat aktiva a kopírovat CSS přímo ze souboru návrhu. Můžete také povolit své stávající pracovní postupy pomocí integrací, včetně vzducholoď, Avocode, Jira, Dropbox, ProtoPie, a Zásada pro Mac. Mají také robustní API.

Vyzkoušejte Figmu zdarma

Co si myslíte?

Tyto stránky používají Akismet k omezení spamu. Zjistěte, jak jsou vaše údaje komentářů zpracovávány.