Inhalt MarketingMarketing Tools

Figma: Design, Prototyp a Collaborate Across Enterprise

An de leschte 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'Balance vum Styling, d'Verlängerung vu WordPress duerch personaliséiert Felder, personaliséiert Posttypen, en Designkader, e Kannerthema, a personaliséiert Plugins.

De schwieregen Deel ass datt ech et aus einfache Mockups vun enger propriétaire Prototyping Plattform maachen. Och wann et eng zolidd Plattform fir Visualiséierung an Design ass, gëtt et net einfach iwwersat HTML5 an CSS3. Füügt all déi aner Iteratiounen un, a meng Deeg ginn zimlech 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 iwwersetzen der CSS fir eis Kand Thema Stylesheet op WordPress. D'Zuel vun de Schrëtt néideg an d'Lücken tëscht Plattformen maachen et e schwéiere Prozess. Net ze ernimmen probéiert d'Komplexitéite fir Geschwindegkeet a Skalierbarkeet ze vereinfachen

figma

figma bitt mächteg Designinstrumenter mat Multiplayer Zesummenaarbecht, wat Teams erlaabt Iddien ze entdecken wärend Qualitéitsfeedback an Echtzäit erfaasst.

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 datt Är Dateien al sinn oder d'Aarbecht vuneneen iwwerschreiwe.
  • Stakeholderen: Schéckt e Link fir Feedback ze sammelen, Ännerungsufroen ze kréien, an erlaabt Akteuren Kopie Updates an Ären Designen ze maachen.
  • Entwéckler: Ingenieuren hunn ëmmer Zougang zu der aktueller Quell vun der Wourecht a kënnen Elementer iwwerpréiwen, Verméigen exportéieren a Code kopéieren.

Figma huet e puer eenzegaarteg Features:

  • Boolschen Operatiounen: Mat véier Formelen: Gewerkschaft, subtrahéieren, intersectéieren an ausschléissen, kënnt Dir all Set vu Formschichten mat Präzisioun kombinéieren.
  • Komponente: Baut méi séier a méi konsequent mat wiederverwendbaren a skalierbare Elementer iwwer Är Dateien. Zougang zu Schichten an all Instanz fir intuitiv Text a Biller inline z'änneren an ze iwwerschreiden.
  • Contrainten: Skala Ären Design fir all Bildschirmgréisst ze passen andeems Dir Objeten un en Elterendeel fixéiert, Objet an e Gitter knipst, oder souguer andeems Dir Komponenten erstellt déi skaléieren.
  • Gerät Frames: Presentéiert Är Motiver an de richtegen Ëmfeld. Dir kënnt souguer tëscht Portrait- a Landschaftsmodus wielen.
  • Interaktiounen: Maacht Är Prototypen an d'Liewe kommen andeems Dir Interaktiounen op Klick definéiert, wärend Dir hovert, wärend Dir dréckt, a méi.
  • Overlays: Mat relativer a manueller Positionéierung hutt Dir voll Kontroll iwwer wou a wéi Iwwerlagerungen erscheinen.
  • Pixel Perfektioun: 60fps interaktiv Redaktioun bréngt Iech ultra-knaseg, pixel-perfekt Virschau, an Exporter.
  • Prototypéieren: Schnell bauen Flows andeems Dir Schiirme verbënnt an Elementer bäidréit wéi Interaktiounen, Iwwergäng, Iwwerlagerungen, a méi. Amplaz mat aneren Tools ze synchroniséieren, deelt einfach eng URL fir Feedback ze kréien.
  • reaktiounsfäeger Design: Streckt Är Layouten a kuckt wéi se op Ännerungen an der Écrangréisst reagéieren.
Reaktiounsfäeger Prototyping
  • Scrolling: Aktivéiert horizontal, vertikal, oder all Richtung scrolling bannent eenzelne Formen oder de ganze Elterendeel Frame.
  • ënnerstëtzen: Synchroniséiert Faarwen, Text, Gitter an Effekter iwwer all Är Projeten. Erhalen manner Textstiler a alignéiert Är Motiver iwwer verschidden Apparater mat Figma's eenzegaartege Gitterstiler.
  • Team Bibliothéiken: Deelt Komponenten a Stiler an Figma - kee Besoin fir gemeinsame Drive oder zousätzlech Tools. Dir an Äert Team kontrolléieren wéi a wéini Ännerungen mat einfache Verëffentlechungsworkflows ausgerullt ginn.
  • Vecteure Netzwierker: Figma huet de Pen-Tool erstallt fir méi intuitiv ze sinn, fir direkt Manipulatioun z'erméiglechen, während d'Réckkompatibilitéit mat de Weeër erhale bleift.

fir Projet Clienten, figma kann Konsistenz, Effizienz a Sécherheet op Skala féieren. D'Plattform erméiglecht Entreprise Clienten einfach Designsystemer mat Teambibliothéiken ze managen an d'Fäegkeet fir personaliséiert Schrëften iwwer Är Organisatioun eropzelueden an ze deelen. Single Sign-On (Iessen), Zougang Kontrollen, an Aktivitéit Logbicher sinn abegraff.

Fänkt mat Figma un

figma huet eng grouss Auswiel u Tutorials datt se op hir erhalen YouTube Kanal, hei ass e Getting Started Video:

figma bitt och Entwéckler d'Fäegkeet fir Verméigen z'inspektéieren, kopéieren, exportéieren a kopéieren CSS direkt aus der Designdatei. Dir kënnt och Är existent Workflows mat Integratiounen aktivéieren, inklusiv WvW maan, Jira, Dropbox, ProtoPie

, an Prinzip fir Mac. Si hunn och eng robust API.

Probéiert de Figma gratis

Douglas Karr

Douglas Karr ass CMO vun OpenINSIGHTS an de Grënner vun der Martech Zone. Den Douglas huet Dosende vun erfollegräiche MarTech Startups gehollef, huet an der Due Diligence vun iwwer $ 5 Bill bei Martech Acquisitioune an Investitiounen gehollef, a weider fir Firmen ze hëllefen fir hir Verkafs- a Marketingstrategien ëmzesetzen an ze automatiséieren. Den Douglas ass en international unerkannten digitale Transformatioun a MarTech Expert a Spriecher. Den Douglas ass och e publizéierten Auteur vun engem Dummie's Guide an e Business Leadership Buch.

Verbonnen Artikelen

Zréck erop zum Knäppchen
Zoumaachen

Adblock entdeckt

Martech Zone ass fäeg Iech dësen Inhalt ouni Käschten ze liwweren, well mir eise Site monetiséieren duerch Ad-Recetten, Partnerlinks a Sponsoren. Mir géifen appreciéieren wann Dir Är Annonce Blocker ewechzehuelen géif wéi Dir eise Site Vue.