Figma: Untwerp, prototype en gearwurkje oer Enterprise

Figma

De lêste moannen holp ik mei it ûntwikkeljen en yntegrearjen fan in heul oanpast WordPress-eksimplaar foar in kliïnt. It is frijwat it lykwicht fan styling, it útwreidzjen fan WordPress fia oanpaste fjilden, oanpaste posttypes, in ûntwerpskader, in bernetema en oanpaste plugins.

It drege diel is dat ik it doch fan ienfâldige mockups fan in eigen prototypingplatfoarm. Hoewol it in solide platfoarm is foar fisualisaasje en ûntwerp, fertaalt it net maklik nei HTML5 en CSS3. Foegje alle oare iteraasjes ta, en myn dagen wurde frij frustrearjend mei foarútgong dy't ekstreem stadich is.

Ien stik fan 'e puzzel is dat it ûntwerpburo de prototypes gewoan oerjoech, sûnder in soarte fan masterstylblêd te leverjen ... dus wy wurkje om dat te berikken troch de prototypes te eksportearjen nei Zeppelin, en dan de CSS oersette nei WordPress. It oantal needsaaklike stappen en de gatten tusken platfoarms meitsje it in dreech proses. Net te ferjitten besykje de kompleksiteit te ferienfâldigjen foar snelheid en skalberens

Figma

Figma sintraliseart in protte fan dit wurk mei in platfoarm dat ûntwerp, feedback en gearwurking mooglik makket troch elk lid fan jo team, ynklusyf:

  • Designers - Gearwurkje yn kontekst en yn echt tiid. Meitsje jo noait soargen oer dat jo bestannen ferâldere binne of elkoars wurk oerskriuwe.
  • Stakeholders - Stjoer in keppeling om feedback te sammeljen, feroaringsoanfragen te krijen, en tastean belanghawwenden kopy-updates te meitsjen yn jo ûntwerpen.
  • Untwikkelers - Ingenieurs hawwe altyd tagong ta de hjoeddeistige boarne fan 'e wierheid en kinne eleminten ynspektearje, aktiva eksportearje en koade kopiearje.

Figma hat wat unike funksjes:

  • Booleaanske operaasjes - Mei fjouwer formules: uny, lûk, kruse, en útslute, kinne jo elke set fan foarmlagen mei presys kombinearje.
  • komponinten - Bouwe rapper en konsekwinter mei werbrûkbere en skalearbere eleminten oer jo bestannen. Tagong ta lagen yn elke eksimplaar, sadat jo yntuïtyf tekst en ôfbyldings yntuïtyf kinne bewurkje en negearje.
  • Beperkingen - Skaalje jo ûntwerp om elke skermgrutte te passen troch objekten te befestigjen oan in âlder frame, objekt te snappen nei in raster, of sels troch komponinten te meitsjen dy't skaalje.
  • Apparaatframes - Presintsje jo ûntwerpen yn 'e juste omjouwings. Jo kinne sels kieze tusken portret- en lânskipsmodus.
  • Ynteraksjes - Meitsje jo prototypes ta libben troch ynteraksjes te definiearjen op klik, wylst jo sweverje, wylst jo drukke, en mear.
  • Overlays - Mei relative en mei de hân posysje hawwe jo folsleine kontrôle oer wêr't en hoe overlays ferskine.
  • Pixel-perfeksje - 60fps ynteraktive bewurking bringt jo ultra skerpe, pixel-perfekte foarbylden en eksport.
  • Prototyping - Fluch gau bouwe troch skermen te ferbinen en eleminten ta te foegjen lykas ynteraksjes, transysjes, overlays, en mear. Yn plak fan syngronisearjen mei oare ark dielt gewoan in URL om feedback te ûntfangen.
  • Responsive Design - Strek jo layouts út en sjoch hoe't se sille reagearje op feroaringen yn skermgrutte.

Responsive prototyping

  • Scrolling - Skeakelje horizontaal, fertikaal, as elke rjochting yn binnen yndividuele foarmen as it heule âlderframe.
  • styles - Syngronisearje kleuren, tekst, raster en effekten yn al jo projekten. Hâld minder tekststilen en rjochtsje jo ûntwerpen oer ferskate apparaten út mei de unike rasterstilen fan Figma.
  • Teambiblioteken - Komponinten en stilen diele yn Figma - gjin ferlet fan dielde skiven as ekstra ark. Jo en jo team kontrolearje hoe en wannear feroarings wurde útrol mei ienfâldige publisearjende workflows.
  • Fektornetwurken - Figma makke it pinne-ark om yntuïtyver te wêzen, wêrtroch direkte manipulaasje mooglik waard mei behâld fan efterkompatibiliteit mei paden.

Foar Enterprise kliïnten, Figma kin konsistinsje, effisjinsje en feiligens op skaal ride. It platfoarm stelt bedriuwskliïnten yn steat maklik ûntwerpsystemen te behearjen mei teambiblioteken en de mooglikheid om oanpaste lettertypen oer jo organisaasje te uploaden en te dielen. Single Sign-On, tagongskontrôles, en aktiviteitelogboeken binne opnommen.

Begjin mei Figma

Figma hat in geweldige seleksje fan tutorials dy't se op har hâlde Youtube-kanaal, hjir is in Om te begjinnen fideo:

Figma jout ûntwikkelers de mooglikheid om aktiva te kontrolearjen, te kopiearjen, te eksportearjen en te kopiearjen fanút it ûntwerpbestân. Jo kinne jo besteande workflows ek ynskeakelje mei yntegraasjes, ynklusyf Zeppelin, Avokoade, Jira, Dropbox, ProtoPie, en Prinsipe foar Mac. Se hawwe ek in robúste API.

Besykje Figma fergees

Wat tinksto?

Dizze side brûkt Akismet om spam te ferleegjen. Learje hoe't jo kommentaargegevens ferwurke wurde.