Figma: ontwerpen, prototypen en samenwerken binnen ondernemingen

Figma

De afgelopen maanden heb ik geholpen bij het ontwikkelen en integreren van een sterk op maat gemaakte WordPress-instantie voor een klant. Het is een behoorlijke balans tussen styling, WordPress uitbreiden via aangepaste velden, aangepaste berichttypen, een ontwerpkader, een kindthema en aangepaste plug-ins.

Het moeilijke is dat ik het doe vanuit eenvoudige mockups van een eigen prototypingplatform. Hoewel het een solide platform is voor visualisatie en ontwerp, is het niet gemakkelijk te vertalen naar HTML5 en CSS3. Voeg alle andere iteraties toe en mijn dagen worden behoorlijk frustrerend omdat de voortgang extreem traag is.

Een stukje van de puzzel is dat het ontwerpbureau de prototypes eenvoudigweg heeft overhandigd, zonder enig type master-stylesheet te verstrekken ... dus we werken eraan om dat te bereiken door de prototypes te exporteren naar luchtschip, en vervolgens de CSS naar WordPress vertalen. Het aantal benodigde stappen en de hiaten tussen platforms maken het een moeilijk proces. Om nog maar te zwijgen over het proberen de complexiteit van snelheid en schaalbaarheid te vereenvoudigen

Figma

Figma centraliseert veel van dit werk met een platform dat ontwerp, feedback en samenwerking voor elk lid van uw team mogelijk maakt, waaronder:

  • Ontwerpers - Werk samen in context en in realtime. U hoeft zich nooit zorgen te maken dat uw bestanden verouderd zijn of elkaars werk overschrijven.
  • Stakeholders - Stuur een link om feedback te verzamelen, wijzigingsverzoeken te ontvangen en belanghebbenden toe te staan ​​kopij-updates in uw ontwerpen aan te brengen.
  • Ontwikkelaars - Ingenieurs hebben altijd toegang tot de huidige bron van waarheid en kunnen elementen inspecteren, activa exporteren en code kopiëren.

Figma heeft enkele unieke kenmerken:

  • Booleaanse bewerkingen - Met vier formules: samenvoegen, aftrekken, doorsnijden en uitsluiten, kunt u elke set vormlagen met precisie combineren.
  • COMPONENTEN - Bouw sneller en consistenter met herbruikbare en schaalbare elementen in al uw bestanden. Krijg in elke instantie toegang tot lagen, zodat u tekst en afbeeldingen intuïtief inline kunt bewerken en overschrijven.
  • beperkingen - Schaal uw ontwerp zodat het op elke schermgrootte past door objecten aan een bovenliggend frame te bevestigen, objecten op een raster te klikken of zelfs door componenten te maken die schaalbaar zijn.
  • Apparaatframes - Presenteer uw ontwerpen in de juiste omgevingen. U kunt zelfs kiezen tussen portret- en landschapsmodus.
  • Interacties - Laat uw prototypes tot leven komen door interacties te definiëren bij klikken, zweven, drukken en meer.
  • Overlays - Met relatieve en handmatige positionering heeft u volledige controle over waar en hoe overlays verschijnen.
  • Pixel-perfectie - Interactieve bewerking met 60 fps zorgt voor ultraheldere, pixel-perfecte voorvertoningen en export.
  • Prototyping - Bouw snel stromen door schermen met elkaar te verbinden en elementen toe te voegen zoals interacties, overgangen, overlays en meer. In plaats van te synchroniseren met andere tools, deel gewoon een URL om feedback te ontvangen.
  • Responsive Ontwerp - Strek uw lay-outs uit en kijk hoe ze reageren op veranderingen in schermgrootte.

Responsieve prototyping

  • Scrollen - Schakel horizontaal, verticaal of scrollen in elke richting in individuele vormen of het gehele bovenliggende frame in.
  • Stijlen - Synchroniseer kleuren, tekst, rasters en effecten in al uw projecten. Behoud minder tekststijlen en lijn uw ontwerpen op verschillende apparaten uit met Figma's unieke rasterstijlen.
  • Teambibliotheken - Deel componenten en stijlen in Figma - geen gedeelde schijven of extra tools nodig. U en uw team bepalen hoe en wanneer wijzigingen worden geïmplementeerd met eenvoudige publicatieworkflows.
  • Vector netwerken - Figma heeft de pentool intuïtiever gemaakt, waardoor directe manipulatie mogelijk is met behoud van achterwaartse compatibiliteit met paden.

Voor onderneming klanten kan Figma consistentie, efficiëntie en beveiliging op schaal stimuleren. Met het platform kunnen zakelijke klanten eenvoudig ontwerpsystemen beheren met teambibliotheken en kunnen ze aangepaste lettertypen uploaden en delen binnen uw organisatie. Single Sign-On, toegangscontrole en activiteitenlogboeken zijn inbegrepen.

Ga aan de slag met Figma

Figma heeft een grote selectie aan tutorials die ze bijhouden Youtube kanaal, hier is een Aan de slag-video:

Figma geeft ontwikkelaars de mogelijkheid om middelen te inspecteren, kopiëren, exporteren en CSS rechtstreeks vanuit het ontwerpbestand te kopiëren. U kunt ook uw bestaande workflows inschakelen met integraties, waaronder luchtschip, Avocode, Jira, dropbox, ProtoPie en Principe voor Mac. Ze hebben ook een robuuste API.

Probeer Figma gratis

Wat denk je?

Deze site gebruikt Akismet om spam te verminderen. Ontdek hoe uw reactiegegevens worden verwerkt.