Content Marketingmarkedsførings~~POS=TRUNC

Figma: Design, prototype og samarbeid på tvers av virksomheter

De siste månedene har jeg vært med på å utvikle og integrere en svært tilpasset WordPress-instans for en klient. Det er ganske balansen mellom styling, utvidelse av WordPress gjennom tilpassede felt, tilpassede innleggstyper, et designrammeverk, et undertema og tilpassede plugins.

Den vanskelige delen er at jeg gjør det fra enkle modeller fra en proprietær prototyping-plattform. Selv om det er en solid plattform for visualisering og design, er det ikke lett å oversette det til HTML5 og CSS3. Legg til alle de andre iterasjonene, og dagene mine blir ganske frustrerende med at fremgangen er ekstremt sakte.

Ett stykke av puslespillet er at designbyrået rett og slett overleverte prototypene, uten å gi noen form for master-stilark ... så vi jobber for å oppnå det ved å eksportere prototypene til luftskip, og deretter oversette CSS for vår barn tema stilark i WordPress. Antallet nødvendige trinn og gapene mellom plattformene gjør det til en vanskelig prosess. For ikke å snakke om å prøve å forenkle kompleksiteten for hastighet og skalerbarhet

figma

figma gir kraftige designverktøy med flerspillersamarbeid, slik at team kan utforske ideer mens de fanger tilbakemeldinger av høy kvalitet i sanntid.

figma sentraliserer mye av dette arbeidet med en plattform som muliggjør design, tilbakemeldinger og samarbeid gjennom hvert medlem av teamet ditt, inkludert:

  • Designere: Samarbeid i kontekst og i sanntid. Aldri bekymre deg for at filene dine er utdaterte eller overskriver hverandres arbeid.
  • Interessenter: Send en lenke for å samle tilbakemeldinger, få endringsforespørsler og la interessenter lage kopioppdateringer i designene dine.
  • Utviklere: Ingeniører har alltid tilgang til den gjeldende kilden til sannhet og kan inspisere elementer, eksportere eiendeler og kopiere kode.

Figma har noen unike funksjoner:

  • Boolske operasjoner: Med fire formler: union, subtrahere, skjære og ekskludere, kan du kombinere ethvert sett med formlag med presisjon.
  • komponenter: Bygg raskere og mer konsekvent med gjenbrukbare og skalerbare elementer på tvers av filene dine. Få tilgang til lag i hver forekomst for intuitivt å redigere og overstyre tekst og bilder innebygd.
  • begrensninger: Skaler designet for å passe til alle skjermstørrelser ved å feste objekter til en overordnet ramme, feste objektet til et rutenett, eller til og med ved å lage komponenter som skaleres.
  • Enhetsrammer: Presenter designene dine i de riktige miljøene. Du kan til og med velge mellom stående og liggende modus.
  • Interaksjoner: Gjør prototypene dine til live ved å definere interaksjoner ved klikk, mens du svever, mens du trykker og mer.
  • Overlegg: Med relativ og manuell posisjonering har du full kontroll over hvor og hvordan overlegg vises.
  • Piksel-perfeksjon: 60 fps interaktiv redigering gir deg ultraskarpe, pikselperfekte forhåndsvisninger og eksporter.
  • Prototyping: Bygg flyter raskt ved å koble sammen skjermer og legge til elementer som interaksjoner, overganger, overlegg og mer. I stedet for å synkronisere med andre verktøy, del ganske enkelt en URL for å motta tilbakemelding.
  • Responsiv Utforming: Strekk layoutene dine og se hvordan de vil reagere på endringer i skjermstørrelse.
Responsiv prototyping
  • Rulling: Aktiver horisontal, vertikal eller hvilken som helst retningsrulling innenfor individuelle former eller hele den overordnede rammen.
  • Stiler: Synkroniser farger, tekst, rutenett og effekter på tvers av alle prosjektene dine. Oppretthold færre tekststiler og juster designene dine på tvers av forskjellige enheter med Figmas unike rutenettstiler.
  • Teambiblioteker: Del komponenter og stiler i Figma – ikke behov for delte stasjoner eller tilleggsverktøy. Du og teamet ditt kontrollerer hvordan og når endringer rulles ut med enkle publiseringsarbeidsflyter.
  • Vektornettverk: Figma skapte pennverktøyet for å være mer intuitivt, noe som muliggjør direkte manipulering samtidig som bakoverkompatibilitet med baner bevares.

Til enterprise klienter, figma kan drive konsistens, effektivitet og sikkerhet i stor skala. Plattformen gjør det mulig for bedriftskunder enkelt å administrere designsystemer med teambiblioteker og muligheten til å laste opp og dele tilpassede fonter på tvers av organisasjonen. Enkel pålogging (SSO), tilgangskontroller og aktivitetslogger er inkludert.

Kom i gang med Figma

figma har et stort utvalg av opplæringsprogrammer som de vedlikeholder på deres YouTube-kanal, her er en Kom i gang-video:

figma gir også utviklere muligheten til å inspisere, kopiere, eksportere eiendeler og kopiere CSS direkte fra designfilen. Du kan også aktivere eksisterende arbeidsflyter med integrasjoner, inkludert luftskip, Jira, dropbox, ProtoPie

og Prinsipp for Mac. De har også en robust API.

Prøv Figma gratis

Douglas Karr

Douglas Karr er CMO for Åpne INSIGHTS og grunnleggeren av Martech Zone. Douglas har hjulpet dusinvis av vellykkede MarTech-startups, har bistått med due diligence på over 5 milliarder dollar i Martech-oppkjøp og -investeringer, og fortsetter å hjelpe selskaper med å implementere og automatisere salgs- og markedsføringsstrategier. Douglas er en internasjonalt anerkjent digital transformasjons- og MarTech-ekspert og foredragsholder. Douglas er også en publisert forfatter av en Dummies guide og en bok om lederskap for bedrifter.

Relaterte artikler

Tilbake til toppen-knappen
Lukke

Annonseblokkering oppdaget

Martech Zone er i stand til å gi deg dette innholdet uten kostnad fordi vi tjener penger på nettstedet vårt gjennom annonseinntekter, tilknyttede lenker og sponsing. Vi vil sette pris på om du vil fjerne annonseblokkeringen når du ser på nettstedet vårt.