Figma: Design, Prototyp a Collaborate Across Enterprise

figma

Déi lescht Méint hunn ech gehollef eng héich personaliséiert WordPress Instanz fir e Client z'entwéckelen an z'integréieren. Et ass zimlech d'Gläichgewiicht vum Styling, d'Verlängerung vu WordPress duerch personaliséiert Felder, personaliséiert Posttypen, e Design Framework, e Kandthema a personaliséiert Plugins.

De schwieregen Deel ass datt ech et aus einfachen Mockups vun enger proprietärer Prototyp Plattform maachen. Och wann et eng zolitt Plattform fir Visualiséierung an Design ass, iwwersetzt et net einfach op HTML5 an CSS3. Füügt all aner Iteratiounen bäi, a meng Deeg gi ganz frustréierend mam Fortschrëtt extrem lues.

Ee Stéck vum Puzzel ass datt d'Designagentur einfach d'Prototypen iwwerginn huet, ouni iergendeng Meeschtesch Stylesheet ze bidden ... also mir schaffen drun ze erreechen andeems mir d'Prototypen an en exportéieren WvW maan, an dann d'CSS op WordPress iwwersetzen. D'Unzuel u Schrëtt noutwendeg an d'Lücken tëscht Plattformen maachen et zu engem schwéiere Prozess. Net ze vergiessen ze probéieren d'Komplexitéite fir Geschwindegkeet a Skalierbarkeet ze vereinfachen

figma

figma zentraliséiert vill vun dëser Aarbecht mat enger Plattform déi Design, Feedback an Zesummenaarbecht duerch all Member vun Ärem Team erméiglecht, abegraff:

  • Designers - Zesummenaarbecht am Kontext an an Echtzäit. Maacht Iech ni Suergen iwwer Är Dateien déi aktuell sinn oder d'Aarbechte vuneneen iwwerschreiwen.
  • Stakeholderen - Schéckt e Link fir Feedback ze sammelen, Ännerungsufroen ze kréien, an erlaben Aktionäre Kopieupdates an Ären Design ze maachen.
  • Entwéckler - Ingenieuren hunn ëmmer Zougang zu der aktueller Quell vun der Wourecht a kënnen Elementer inspizéieren, Verméigen exportéieren a Code kopéieren.

Figma huet e puer eenzegaarteg Features:

  • Boolschen Operatiounen - Mat véier Formelen: Gewerkschaft, subtrahéieren, schneiden, an auszeschléissen, kënnt Dir all Set vu Formschichte mat Präzisioun kombinéieren.
  • Komponente - Baut méi séier a méi konsequent mat wiederverwendbaren a skalierbaren Elementer iwwer Är Dateien. Zougang zu Schichten an all Instanz sou datt Dir intuitiv Text a Biller Inline ännere kënnt an iwwerschreiwe kënnt.
  • Contrainten - Skala Äert Design fir all Bildschirmgréisst ze passen andeems Dir Objeten op en Eltereframe fixéiert, Objet op e Gitter knippt, oder souguer andeems Dir Komponente maacht déi Skala.
  • Gerät Frames - Présentéiert Är Designs an de richtegen Ëmfeld. Dir kënnt och tëscht Porträt a Landschaftsmodus wielen.
  • Interaktiounen - Maacht Är Prototypen zum Liewe komm andeems Dir Interaktiounen um Klick definéiert, beim Schwächen, beim Drécken, a méi.
  • Overlays - Mat relativer a manueller Positionéierung hutt Dir voll Kontroll iwwer wou a wéi Iwwerlager erschéngen.
  • Pixel-Perfektioun - 60fps interaktiv Editéierung bréngt Iech ultra knusprech, pixel-perfekt Virschau an Export.
  • Prototypéieren - Schnell Flëss bauen andeems Dir Bildschirmer verbënnt an Elementer wéi Interaktiounen, Iwwergäng, Iwwerlagerungen a méi derbäi. Amplaz mat aneren Tools ze synchroniséieren einfach eng URL deelen fir Feedback ze kréien.
  • reaktiounsfäeger Design - Streckt Är Layouten a kuckt wéi se op Ännerungen an der Bildschirmgréisst äntweren.

Reaktiounsfäeger Prototyping

  • Scrolling - Aktivéiert horizontal, vertikal oder all Richtung scrollen an eenzelne Formen oder dem ganzen Eltereframe.
  • ënnerstëtzen - Synchroniséiert Faarwen, Text, Gitter an Effekter an all Äre Projeten. Ënnerhalen manner Textstiler an alignéiert Är Designs op verschidden Apparater mat de eenzegaartege Gitterstiler vum Figma.
  • Team Bibliothéiken - Deelt Komponenten a Stiler a Figma - kee Besoin fir gemeinsam Drive'en oder zousätzlech Tools. Dir an Äert Team kontrolléieren wéi a wéini Ännerunge mat einfache Verëffentlechungsworkflows ausgewéckelt ginn.
  • Vecteure Netzwierker - Figma huet de Stëft-Tool erstallt fir méi intuitiv ze sinn, sou datt Direkt Manipulatioun erlaabt wärend hien no hannen Kompatibilitéit mat Weeër konservéiert.

fir Projet Clienten, Figma kann d'Konsequenz, d'Effizienz an d'Sécherheet op Skala dreiwen. D'Plattform erméiglecht Entreprise Clienten einfach Design Systemer mat Teambibliothéiken ze managen an d'Fäegkeet eropzelueden an personaliséiert Schrëften an Ärer Organisatioun ze deelen. Single Sign-On, Zougangskontrollen an Aktivitéitsprotokoller sinn derbäi.

Fänkt mat Figma un

Figma huet eng grouss Auswiel u Tutorials déi se op hir halen De Youtube Kanal, hei ass e Getting Started Video:

figma gëtt Entwéckler d'Méiglechkeet ze kontrolléieren, ze kopéieren, Verméigen ze exportéieren an CSS direkt aus der Designdatei ze kopéieren. Dir kënnt och Är existent Workflows mat Integratiounen aktivéieren, abegraff WvW maan, Avocode, Jira, Dropbox, ProtoPie, an Prinzip fir Mac. Si hunn och e robuste API.

Probéiert de Figma gratis

Wat denks du?

Dëse Site benotzt Akismet fir Spam ze reduzéieren. Léiert wéi Är Kommentarfaten veraarbecht ginn.