Figma har infört egenskapen Text Wrap Style på styckenivå. Uppdateringen (släppt i augusti 2026) låter dig sätta textnoder till AUTO, BALANCE eller PRETTY. Särskilt BALANCE löser det klassiska problemet med asymmetriska rubriker, medan PRETTY motverkar ensamma ord (så kallade horungar) på sista raden. Använd dem på rubriker och korta introduktionstexter för att slippa redigera texten manuellt varje gång en container byter storlek.
Slutet för manuella radbrytningar
En av de mest ihärdiga huvudvärken i responsiv gränssnittsdesign har varit asymmetriska textblock. När en bred rubrik bryts på en mindre skärm hamnar ofta ett enda kort ord på den understa raden, eller så skapas en kraftig obalans i radlängderna. Lösningen har tidigare varit att manuellt lägga in radbrytningar (Shift+Enter), vilket i sin tur förstör designen så fort skärmen blir bredare igen, eller när texten översätts.
Med den nya uppdateringen av Figma, släppt den 14 augusti 2026 och dokumenterad i Figmas API-dokumentation, introduceras egenskapen textWrapStyle. Den agerar på styckenivå och hanterar precis detta problem automatiskt.
Tre stilar: AUTO, BALANCE och PRETTY
Den nya egenskapen kommer med tre valbara lägen som direkt motsvarar moderna CSS-egenskaper, vilket också underlättar vid överlämning till utvecklare.
- AUTO: Det förvalda standardläget. Texten fyller hela bredden innan den bryts till nästa rad, precis som text alltid har fungerat i Figma.
- BALANCE: Jämnar ut radlängderna så att de blir så lika varandra som möjligt. Det här är ovärderligt för centrerade rubriker, korta ingress-texter och citat där en harmonisk formell asymmetri (eller symmetri) är viktigare än att fylla boxen.
- PRETTY: Algoritmen ser över hela stycket för att förhindra "horungar" (ett ensamt ord på sista raden). Till skillnad från BALANCE behålls den generella spaltfyllnaden, men texten bryts lite smartare på slutet. Utmärkt för löptext och längre artikelblock.
Så börjar du använda det
Att gå igenom hundratals gamla skärmar och byta till BALANCE är onödigt, men för nya designsystem och komponenter bör du implementera regeln omgående. Sätt BALANCE som standard på dina H1- och H2-textstilar, och PRETTY på dina längre brödtexter.
Eftersom Figma nu gör grovjobbet åt dig kan du lita på att dina Auto Layout-kort kommer att se bra ut oavsett om kunden fyller dem med korta eller extremt långa rubriker. Du slipper designa separata textvarianter för mobil, surfplatta och desktop enbart för att styra radbrytningarna.
Källor och kontrolltid
Två primärkällor lästes den 9 september 2026. Släppnotisen är källan för att funktionen finns och vad de två lägena gör; API-dokumentationen är källan för egenskapens namn vid överlämning till utvecklare.
- Figma: release notes – notisen "Get responsive text across screens with text wrap" den 14 augusti 2026, som beskriver Balance som jämn fördelning över raderna och Pretty som skydd mot ett ensamt ord på sista raden, satta på textlager, textstil eller enskilt stycke.
- Figma: REST API-dokumentation – egenskapens namn och värden i API:et.
Nästa kontroll senast den 9 december 2026, eller tidigare om Figma byter namn på egenskapen eller lägger till ett läge. Den gamla adressen figma.com/developers/api svarar numera med en omdirigering; källan ovan är den nuvarande.
Du har öppnat dina huvudsakliga textstilar i Figma och uppdaterat rubrikerna till BALANCE samt löptexterna till PRETTY. Du har tagit bort eventuella manuella radbrytningar i befintliga texter och verifierat att Auto Layout-behållare hanterar textflödet elegant när de storleksförändras.