Figma: Projektado, Prototipo kaj Kunlaboro Tra Entrepreno

Figma

La lastajn monatojn mi helpis disvolvi kaj integri tre adaptitan WordPress-ekzemplon por kliento. Ĝi estas tute la ekvilibro de stilo, etendado de WordPress per laŭmendaj kampoj, laŭmendaj afiŝospecoj, projektokadro, infana temo kaj laŭmendaj aldonaĵoj.

La malfacila parto estas, ke mi faras ĝin per simplaj maketoj de propra prototipa platformo. Kvankam ĝi estas solida platformo por bildigo kaj projektado, ĝi ne facile tradukiĝas al HTML5 kaj CSS3. Aldonu ĉiujn aliajn ripetojn, kaj miaj tagoj sufiĉe frustras pro progreso treege malrapida.

Unu peco de la enigmo estas, ke la projekt-agentejo simple transdonis la prototipojn, sen doni ian ajn majstran stilfolion ... do ni laboras por plenumi tion eksportante la prototipojn en aerŝipo, kaj poste tradukante la CSS al WordPress. La nombro de necesaj paŝoj kaj la interspacoj inter platformoj malfaciligas ĝin. Ne menciante provi simpligi la kompleksecojn por rapideco kaj skaleblo

Figma

Figma centralizas grandan parton de ĉi tiu laboro per platformo, kiu ebligas projektadon, reagojn kaj kunlaboron tra ĉiu membro de via teamo, inkluzive:

  • Diseñistoj - Kunlaboru kuntekste kaj realtempe. Neniam zorgu pri tio, ke viaj dosieroj eksmodiĝis aŭ anstataŭigas la laboron de unu la alia.
  • Stakeholders - Sendu ligon por kolekti sugestojn, ricevi ŝanĝajn petojn kaj permesi al koncernatoj fari kopiajn ĝisdatigojn en viaj projektoj.
  • Ellaborantoj - Inĝenieroj ĉiam havas aliron al la aktuala fonto de vero kaj povas inspekti elementojn, eksporti aktivaĵojn kaj kopii kodon.

Figma havas iujn unikajn ecojn:

  • Buleaj Operacioj - Kun kvar formuloj: kunigo, subtraho, intersekco kaj ekskludo, vi povas kombini iun ajn aron de formaj tavoloj kun precizeco.
  • komponantoj - Konstruu pli rapide kaj pli konsekvence per reuzeblaj kaj skaleblaj elementoj tra viaj dosieroj. Aliru tavolojn en ĉiu kazo, por ke vi povu intuicie redakti kaj anstataŭigi tekston kaj bildojn enrete.
  • Limigoj - Skalu vian dezajnon por kongrui kun ajna grandeco de ekrano fiksante objektojn al gepatra kadro, fiksante objekton al krado, aŭ eĉ kreante erojn kiuj skalas.
  • Aparataj Kadroj - Prezentu viajn projektojn en la ĝustaj medioj. Vi povas eĉ elekti inter portreta kaj pejzaĝa reĝimo.
  • interagoj - Vivigu viajn prototipojn difinante interagojn per klako, ŝvebante, premante, kaj pli.
  • Surbaze - Kun relativa kaj permana pozicio vi havas plenan kontrolon pri kie kaj kiel aperas surmetaĵoj.
  • Pixel-perfekteco - 60fps-interaga redaktado alportas al vi antaŭrigardojn kaj eksportadojn tre krispajn, perfektajn pikselojn.
  • prototyping - Rapide krei fluojn konektante ekranojn kaj aldonante elementojn kiel interagoj, transiroj, surmetaĵoj kaj pli. Anstataŭ sinkronigi al aliaj iloj simple dividu URL por ricevi reagojn.
  • respondema Dezajno - Etendu viajn aranĝojn kaj vidu kiel ili respondos al ŝanĝoj en grandeco de ekrano.

Respondema Prototipado

  • Rulumu - Ebligu horizontalan, vertikalan aŭ ajnan direkton moviĝi ene de unuopaj formoj aŭ de la tuta gepatra kadro.
  • stiloj - Sinkronigi kolorojn, tekstojn, kradojn kaj efikojn tra ĉiuj viaj projektoj. Konservu malpli da tekstaj stiloj kaj vicigu viajn projektojn tra malsamaj aparatoj kun la unikaj kradaj stiloj de Figma.
  • Teamaj Bibliotekoj - Kunhavigi erojn kaj stilojn en Figma - ne necesas dividi diskojn aŭ aldonajn ilojn. Vi kaj via teamo regas kiel kaj kiam ŝanĝoj estas lanĉitaj per simplaj eldonaj laborfluoj.
  • Vektoraj Retoj - Figma kreis la pluman ilon por esti pli intuicia, permesante rektan manipuladon konservante malantaŭen-kongruecon kun vojoj.

por entrepreno klientoj, Figma povas kaŭzi konsekvencon, efikecon kaj sekurecon grandskale. La platformo ebligas al entreprenaj klientoj facile administri projektajn sistemojn kun teamaj bibliotekoj kaj la eblon alŝuti kaj dividi kutimajn tiparojn tra via organizo. Ununura ensaluto, alirkontroloj kaj agadregistroj estas inkluzivitaj.

Komencu kun Figma

Figma havas bonegan elekton de lerniloj, kiujn ili konservas ĉe si Kanalo de YouTube, jen Komenca video:

Figma donas al programistoj la kapablon inspekti, kopii, eksporti aktivaĵojn kaj kopii CSS rekte de la projekta dosiero. Vi ankaŭ povas ebligi viajn ekzistantajn laborfluojn kun integriĝoj, inkluzive aerŝipo, Avokodo, Jira, Dropbox, ProtoPieKaj Komenco por Mac. Ili ankaŭ havas fortikan API.

Provu Figma senpage

Kion vi pensas?

Ĉi tiu retejo uzas Akismeton por redukti spamon. Lernu, kiel via komento datiĝas.