Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Typverktyget i Figma: Lägga till och Formatera Text för UI/UX-design | Sektion
Figma Layout och Digitala Designsysten – Grunder

Typverktyget i Figma: Lägga till och Formatera Text för UI/UX-design

Svep för att visa menyn

Använd textverktyget för att skapa antingen:

  • Punkttext: en enskild textrad;
  • Yttext: text begränsad inom ett definierat område.

Typografiska inställningar

  • Typsnittsnamn/teckensnitt: välj bland alla typsnitt eller specifika samlingar (t.ex. Google Fonts);
  • Typsnittsvikt: justera tjockleken på teckensnittet;
  • Typsnittsstil: använd stilar som kursiv;
  • Teckenstorlek: ändra textens storlek;
  • Radavstånd (leading): justera avståndet mellan textrader;
  • Bokstavsavstånd (tracking): ändra avståndet mellan tecken.

Det finns även justeringsalternativ för stycken (vänster, centrerad, höger, etc.).

Avancerade textinställningar

Vissa avancerade textinställningar kan nås via ett popup-fönster med en Förhandsvisning. Fönstret har vanligtvis tre flikar:

  • Grundläggande flik: för att göra ytterligare ändringar av teckensnitt. Punktlistor och numrering finns också tillgängligt;
  • Detaljflik: erbjuder avancerade inställningar för tecken, siffror och mer;
  • Variabelflik: möjliggör manuella justeringar av lutning, kursiv stil och teckensnittsvikt (tillgänglighet beror på teckensnittet).
Note
Notering

När du vill göra några ändringar av teckensnitt, se alltid till att texten är markerad eller vald från lagerpanelen.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 12

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Avsnitt 1. Kapitel 12
some-alt