De 10 beste Figma-functies die alle ontwerpers zouden moeten gebruiken

Of je nu een freelance grafisch ontwerper bent of een interne UI / UX-ontwerper, het beheersen van Figma kan je helpen de ladder van een succesvolle carrière te beklimmen.

Met dat in gedachten zijn hier de beste Figma-functies waarvan we denken dat alle ontwerpers ze zouden moeten gebruiken...

Wat is Figma?

Figma is een geavanceerde webgebaseerde grafische ontwerptool die samenwerking van de volgende generatie biedt op het gebied van UI / UX-prototyping. Het is een robuuste applicatie waarmee u unieke UX-ontwerpen kunt maken die gebruiksvriendelijk en toch professioneel zijn.

Dus of u nu gevestigd bent in uw vakgebied of net een carrière begint als UI / UX-ontwerper of grafisch ontwerper, hier zijn de beste Figma-functies om grip op te krijgen.

1. Varianten voor Component Management

Variants is een intelligente componentbeheermodule en staat bekend als de Figma-componentenbibliotheek. U kunt eenvoudig dubbele varianten van dezelfde component overzichtelijk maken en ze combineren om de bibliotheek met teammiddelen te ordenen.

U kunt ook één container definiëren voor alle vergelijkbare componenten. Tijdens samenwerking maakt Variants het voor de teamleden gemakkelijker om te vinden waarnaar ze op zoek zijn. Sluit het giswerk uit uw ontwerpsysteem door de waarden en eigenschappen van uw componentvarianten aan te passen.

2. Lijsten met opsommingstekens

U kunt ook lijsten met opsommingstekens en genummerde lijsten opnemen in uw UI / UX-ontwerpprojecten. Met lijsten kunt u gemakkelijk gegevens organiseren en gerelateerde informatie benadrukken in vectorontwerpen. U kunt maximaal vijf inspringingsniveaus opnemen. U kunt ook visuele kleuraanpassingen uitvoeren door middel van tekstkleur, lijnen en effecten.

Verwant: Adobe XD: de gratis UI- en UX-ontwerptool die u nu kunt gebruiken

3. Verbind meerdere Figma-accounts

Toegang tot alle Figma-accounts, werkruimten en communityprofielen op één scherm. U kunt aangemeld blijven bij maximaal 10 Figma-accounts. U kunt snel overschakelen naar elke werkruimte vanuit de linkerbovenhoek van het Figma-scherm. Klik voor de accounts op in de rechterbovenhoek om de accountwisselaar te openen.

4. Het vernieuwde tabblad Inspecteren

Het vorige codepaneel van Figma is nu het tabblad Inspecteren. Met deze functie kunnen medewerkers, vooral ontwikkelaars, de waarden en codes krijgen van de ontwerpen van degenen waaraan u werkt. Uw teamleden kunnen vanaf dit tabblad gegevens extraheren zoals kleuren, varianten, eigenschappen, schaduwen, inhoud, randen en typografie.

5. Het menu Instance Swap

Figma heeft het menu Instance Swap in 2020 vernieuwd met een push-style menu. Het stelt de ontwerpers in staat om moeiteloos tussen de componenten te surfen.

U kunt ook de vervolgkeuzelijst gebruiken om tussen teambibliotheken te schakelen. Er is een gestroomlijnde miniatuur voor een componentvoorbeeld.

6. Figma Community-bestanden en plug-ins-bibliotheek

Figma heeft een gemeenschapsplatform dat verrijkt is met resources waar u uw projecten kunt publiceren, zodat andere leden ze kunnen onderzoeken of herwerken. Er zijn duizenden makers en je kunt de volgende bronnen krijgen:

• Open figuren illustratie bibliotheek
• Sprinten op afstand
• Materiaal ontwerpkit
• Figma-sjablonen

Figma-plug-ins zijn zeer presterend en tegelijkertijd stabiel en veilig. Op het moment van schrijven zijn er meer dan 40 exclusieve plug-ins beschikbaar, en de lijst wordt steeds groter. Bij bedrijfsabonnementen kunt u privé-plug-ins binnen het bedrijf distribueren. Enkele handige plug-ins die u kunt gebruiken zijn:

• Automatisering van repetitieve taken binnen Figma-frames
• Ontwerp plug-ins voor foutdetectie
• Plug-ins voor gegevenspopulatie

7. Zeplin-integratie

Figma ondersteunt de native Zeplin-plug-in die het eenvoudig met de rechtermuisknop exporteren van Figma-ontwerpen naar Zeplin-werkruimten mogelijk maakt voor verdere brainstorming en ontwikkeling. In tegenstelling tot andere ontwerptools, zijn er geen problemen met resolutie of prestaties wanneer u grotere Figma-frames of -ontwerpen moet exporteren.

Figma en Zeplin werken ook samen om een ​​nieuwe functie voor het live bijwerken van Figma-componenten aan Zeplin te introduceren.

8. Real-time update van het project

In een UI / UX-ontwerpproces waarbij Figma niet betrokken is, moet het hele team meer dan één tool van derden gebruiken om projectupdates en ontwerpmodellen door te geven. Meerdere bestandsoverdrachten zijn nodig om ervoor te zorgen dat elk teamlid op de hoogte is van de huidige status.

Door de realtime update zorgt de Figma-app echter zelf voor de uitwisseling van het prototype en de updates ervan binnen de teamleden.

De overdracht van het project van de ontwerper naar de ontwikkelaar is niet echt nodig in Figma. Dit komt omdat wanneer u Confluence gebruikt om mockups van Figma te delen, eventuele wijzigingen in het ontwerp automatisch als live-activiteit in het projectbestand worden weergegeven.

Verwant: Wat is het verschil tussen UI en UX-ontwerp?

9. Intuïtieve en ongecompliceerde prototyping

Met Figma is prototyping supergemakkelijk en vrij van rommel, omdat het frame-naar-frame-overgang omvat. Figma is een alles-in-één tool en je hebt geen reviewtool van derden zoals Marvel of InVision nodig.

U kunt Figma-prototypes moeiteloos delen met teamleden, net als het delen van Figma-ontwerpbestanden. Het enige dat u hoeft te doen, is een link delen met relevante bewerkingsrechten. Elke opmerking of feedback blijft binnen de tool en u kunt ook records vinden in Slack.

Ontwikkelaars hebben gemakkelijk toegang tot de projectontwerpworkflow, kunnen opmerkingen achterlaten voor de ontwerper en CSS-attributen en metingen krijgen.

Verwant: Eenvoudige CSS-codevoorbeelden die u in 10 minuten kunt leren

10. Feedback over ontwerpbeoordelingen delen

Beoordeling van UI / UX-ontwerpproject is gewoon een teamconferentie bij het gebruik van Figma. Tijdens brainstorm- en beoordelingssessies kan het hele team op een groot scherm werken om opmerkingen op te nemen en problemen op te lossen binnen hetzelfde Figma-ontwerpkader.

Omdat Figma de meest geavanceerde in-app commentaartechnologie ondersteunt, is het delen van feedback naadloos. U kunt opmerkingen maken over zowel prototyping- als ontwerpmodi. Elke e-mailclient of Slack kan opmerkingen en suggesties opslaan.

Figma maakt ontwerpen en prototypen eenvoudig

UI / UX-ontwerp en prototyping vereisen een hogere vaardigheden en focus op meerdere tools. Maar met Figma is het naadloos om ontwerpvaardigheden in actie te leren en te implementeren en UX te leveren die de klantervaring echt verbetert.

U kunt prototypes maken, brainstormen, beoordelen en UI-ontwerp overdragen, allemaal met dezelfde tool. Figma is nu een industriestandaard en het is zeker de moeite van het bekijken waard.

Hoe u uw branding consistent houdt met Adobe Spark

Met Adobe Spark kunt u kleuren, lettertypen en logo's aan een merkprofiel toewijzen, waardoor u gemakkelijk consistente ontwerpen kunt maken.

Lees Volgende

Over de auteur