ynhâld MarketingMarketing ark

Figma: Untwerp, prototype en gearwurkje oer Enterprise

Yn 'e lêste moannen haw ik holpen om in heul oanpaste WordPress-ynstân te ûntwikkeljen en te yntegrearjen foar in klant. It is nochal it lykwicht fan styling, útwreidzjen fan WordPress fia oanpaste fjilden, oanpaste posttypen, in ûntwerpkader, in berntema, en oanpaste plugins.

It lestige diel is dat ik it doch fan ienfâldige mockups fan in proprietêr prototypingplatfoarm. Hoewol it in solide platfoarm is foar fisualisaasje en ûntwerp, kin it net maklik oersette nei HTML5 en CSS3. Foegje alle oare iteraasjes ta, en myn dagen wurde frij frustrerend mei't foarútgong 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 it oersetten fan de CSS foar ús kindemema stylblêd yn WordPress. It oantal stappen nedich en de gatten tusken platfoarms meitsje it in lestich proses. Net te hawwen oer it besykjen om de kompleksiteiten te ferienfâldigjen foar snelheid en skalberens

figma

figma biedt krêftige ûntwerpark mei gearwurking mei multiplayer, wêrtroch teams ideeën kinne ferkenne wylst se kwaliteitsfeedback yn realtime fêstlizze.

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 real-time. Meitsje jo noait soargen dat jo bestannen ferâldere binne of elkoars wurk oerskriuwe.
  • Stakeholders: Stjoer in keppeling om feedback te sammeljen, wizigingsoanfragen te krijen en belanghawwenden te tastean kopyupdates te meitsjen yn jo ûntwerpen.
  • Untwikkelders: Yngenieurs hawwe altyd tagong ta de hjoeddeistige boarne fan wierheid en kinne eleminten ynspektearje, aktiva eksportearje en koade kopiearje.

Figma hat wat unike funksjes:

  • Booleaanske operaasjes: Mei fjouwer formules: union, subtract, krusing, en útslute, kinne jo kombinearje eltse set fan foarm lagen mei presyzje.
  • komponinten: Bou rapper en konsekwinter mei werbrûkbere en skalbere eleminten oer jo bestannen. Tagong ta lagen yn elke eksimplaar om yntuïtyf tekst en ôfbyldings ynline te bewurkjen en te oerskriuwen.
  • Beperkingen: Skaalje jo ûntwerp om by elke skermgrutte te passen troch objekten oan in âlderframe te befestigjen, objekt op in raster te snapjen, of sels troch komponinten te meitsjen dy't skaalje.
  • Apparaatframes: Presintearje jo ûntwerpen yn 'e juste omjouwings. Jo kinne sels kieze tusken portret- en lânskipmodus.
  • Ynteraksjes: Lit jo prototypes ta libben komme troch ynteraksjes te definiearjen op klik, wylst jo hoverje, wylst jo drukke, en mear.
  • Overlays: Mei relative en manuell posisjonearring hawwe jo folsleine kontrôle oer wêr't en hoe't overlays ferskine.
  • Pixel-perfeksje: 60fps ynteraktive bewurking bringt jo ultra-skerpe, piksel-perfekte foarbylden en eksporten.
  • Prototyping: Bou fluch streamen troch skermen te ferbinen en eleminten ta te foegjen lykas ynteraksjes, transysjes, oerlays, en mear. Ynstee fan syngronisearje mei oare ark, diel gewoan in URL om feedback te ûntfangen.
  • Responsive Design: Strek jo yndielingen en sjoch hoe't se sille reagearje op feroaringen yn skermgrutte.
Responsive prototyping
  • Scrolling: Skeakelje horizontaal, fertikaal of elke rjochting ynskeakelje binnen yndividuele foarmen as it heule âlderframe.
  • styles: Syngronisearje kleuren, tekst, rasteren en effekten oer al jo projekten. Underhâld minder tekststilen en kombinearje jo ûntwerpen oer ferskate apparaten mei de unike rasterstilen fan Figma.
  • Teambiblioteken: Diel komponinten en stilen yn Figma - gjin ferlet fan dielde skiven of ekstra ark. Jo en jo team kontrolearje hoe en wannear wizigingen wurde útrôle mei ienfâldige publisearjende workflows.
  • Fektornetwurken: Figma makke it pinne-ark om mear yntuïtyf te wêzen, wêrtroch direkte manipulaasje mooglik is, wylst de efterútkompatibiliteit mei paden behâlde.

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

Begjin mei Figma

figma hat in grutte seleksje fan tutorials dy't se ûnderhâlde op harren YouTube kanaal, hjir is in Om te begjinnen fideo:

figma biedt ûntwikkelders ek de mooglikheid om aktiva te ynspektearjen, te kopiearjen, te eksportearjen en te kopiearjen CSS direkt út it ûntwerptriem. Jo kinne jo besteande workflows ek ynskeakelje mei yntegraasjes, ynklusyf Zeppelin, Jira, Dropbox, ProtoPie

, en Prinsipe foar Mac. Se hawwe ek in robúst API.

Besykje Figma fergees

Douglas Karr

Douglas Karr is CMO fan OpenINSIGHTS en de oprjochter fan de Martech Zone. Douglas hat holpen tsientallen suksesfolle MarTech startups, hat holpen yn 'e due diligence fan mear as $ 5 miljard yn Martech oanwinsten en ynvestearrings, en bliuwt te helpen bedriuwen by it útfieren en automatisearjen fan harren ferkeap en marketing strategyen. Douglas is in ynternasjonaal erkend digitale transformaasje en MarTech-ekspert en sprekker. Douglas is ek in publisearre skriuwer fan in Dummie's gids en in boek foar bedriuwsliederskip.

Related Articles

Werom nei topknop
Slute

Adblock ûntdutsen

Martech Zone is yn steat om jo dizze ynhâld sûnder kosten te leverjen, om't wy ús side monetearje fia advertinsje-ynkomsten, affiliate keppelings en sponsoring. Wy soene it wurdearje as jo jo advertinsjeblokkerer fuortsmite as jo ús side besjen.