Figma: Ontwerp, prototipe en werk saam oor die hele onderneming

Figma

Die afgelope paar maande het ek gehelp om 'n uiters aangepaste WordPress-instansie vir 'n kliënt te ontwikkel en te integreer. Dit is nogal 'n balans tussen stilering, om WordPress uit te brei deur aangepaste velde, aangepaste soorte poste, 'n ontwerpraamwerk, 'n kindertema en aangepaste invoegtoepassings.

Die moeilike deel is dat ek dit doen vanaf eenvoudige mockups vanaf 'n eie prototiperingsplatform. Alhoewel dit 'n soliede platform vir visualisering en ontwerp is, kan dit nie maklik vertaal word na HTML5 en CSS3 nie. Voeg al die ander herhalings by, en my dae raak nogal frustrerend omdat die vordering uiters stadig is.

Een stuk van die legkaart is dat die ontwerpagentskap eenvoudig die prototipes oorhandig het, sonder om enige vorm van 'n meesterstylblad te verskaf ... so ons werk daaraan deur die prototipes na lugskipen dan die CSS na WordPress te vertaal. Die aantal stappe wat nodig is en die gapings tussen platforms maak dit 'n moeilike proses. Om nie eers te praat van die kompleksiteit vir spoed en skaalbaarheid nie

Figma

Figma sentraliseer baie van hierdie werk met 'n platform wat ontwerp, terugvoer en samewerking deur elke lid van u span moontlik maak, insluitend:

  • Ontwerpers - Werk saam in konteks en in reële tyd. Moet nooit bekommerd wees dat u lêers verouderd is of mekaar se werk oorskryf nie.
  • belanghebbendes - Stuur 'n skakel om terugvoer in te samel, veranderingsversoeke te kry en belanghebbendes in staat te stel om kopie-opdaterings in u ontwerp te maak.
  • Developers - Ingenieurs het altyd toegang tot die huidige bron van waarheid en kan elemente ondersoek, bates uitvoer en kode kopieer.

Figma het 'n paar unieke eienskappe:

  • Booleaanse bedrywighede - Met vier formules: verenig, aftrek, kruis en uitsluit, kan u enige stel vormlae met presisie kombineer.
  • komponente - Bou vinniger en meer konsekwent met herbruikbare en skaalbare elemente in u lêers. Toegang tot lae in elke geval sodat u teks en beelde intuïtief kan wysig en ignoreer.
  • beperkings - Skaal u ontwerp sodat dit by enige skermgrootte pas deur voorwerpe aan 'n ouerraam vas te maak, voorwerp aan 'n rooster vas te maak of selfs deur komponente te skep wat skaal.
  • Toestelraamwerke - Bied u ontwerpe in die regte omgewings aan. U kan selfs kies tussen portret- en landskapmodus.
  • Interaksies - Laat u prototipes lewendig word deur interaksies op klik te definieer, terwyl u sweef, druk, en meer.
  • Overlays - Met relatiewe en handposisionering het u volle beheer oor waar en hoe oorleggings verskyn.
  • Pixel-perfeksie - Interaktiewe redigering van 60 fps bied u ultra skerp, pixel-perfekte voorskoue en uitvoere.
  • prototyping - Bou vinnig vloei deur skerms te verbind en elemente soos interaksies, oorgange, overlays en meer by te voeg. In plaas daarvan om met ander instrumente te sinkroniseer, deel u bloot 'n URL om terugvoer te ontvang.
  • Reageer Design - Strek u uitlegte en kyk hoe dit sal reageer op veranderinge in die skermgrootte.

Responsiewe prototipering

  • blaai - Aktiveer horisontale, vertikale of enige rigting om binne individuele vorms of die hele ouerraam te blaai.
  • style - Sinkroniseer kleure, teks, roosters en effekte in al u projekte. Handhaaf minder teksstyle en pas u ontwerpe op verskillende toestelle in ooreenstemming met Figma se unieke roosterstyle.
  • Spanbiblioteke - Deel komponente en style in Figma - dit is nie nodig om gedeelde dryf of addisionele gereedskap te benodig nie. U en u span beheer hoe en wanneer veranderinge geïmplementeer word met eenvoudige publieke werkstrome.
  • Vektornetwerke - Figma het die penwerktuig geskep om meer intuïtief te wees, wat direkte manipulasie moontlik maak, terwyl die agteruitversoenbaarheid met paaie behoue ​​bly.

vir onderneming kliënte, kan Figma konsekwentheid, doeltreffendheid en sekuriteit op groot skaal bevorder. Die platform stel ondernemingskliënte in staat om ontwerpstelsels maklik met spanbiblioteke te bestuur en die vermoë om persoonlike lettertipes in u organisasie op te laai en te deel. Enkel aanmelding, toegangskontroles en aktiwiteitslogboeke is ingesluit.

Begin met Figma

Figma het 'n groot verskeidenheid tutoriale wat hulle onderhou Youtube kanaal, hier is 'n beginvideo:

Figma gee ontwikkelaars die vermoë om bates te inspekteer, te kopieer, uit te voer en CSS direk uit die ontwerplêer te kopieer. U kan ook u bestaande werkstrome inskakel met integrasies, insluitend lugskip, Avokode, jira, Dropbox, ProtoPie, en Beginsel vir Mac. Hulle het ook 'n robuuste API.

Probeer Figma gratis

Wat dink jy?

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.