Figma Plugin · Kostenlos

Line-by-line Background.

Ein Hintergrund für jede Zeile – auch bei weichen Umbrüchen.

Jede Zeile bekommt ihren eigenen Hintergrund.

Figma PluginLive-Demo
Typ
Figma Plugin
Preis
Kostenlos
Version
1
Aktualisiert
April 2026
Berechtigungen
Kein Netzwerkzugriff

Line-by-line Background legt in Figma hinter jede sichtbare Textzeile ein eigenes Rechteck, das sich exakt an die Zeilenbreite schmiegt. Farbe, Padding, Zeilenabstand und Eckenradius lassen sich pro Highlight einstellen – und die Flächen aktualisieren sich live, während du tippst.

So funktioniert Line-by-line Background

Animierte Vorschau: Hinter jeder Zeile eines mehrzeiligen Textes erscheint ein eigenes Hintergrund-Rechteck. Padding, Eckenradius, Zeilenabstand und Farbe verändern sich, zum Schluss bricht der Text neu um und die Rechtecke passen sich an.

  1. 01 / 07

    Ein ganz normaler Text.

    Wähle in Figma einen oder mehrere Textlayer aus. Der Text bleibt ein Textlayer – voll editierbar, mit allen Stilen.

  2. 02 / 07

    Ein Rechteck pro Zeile.

    Das Plugin legt hinter jede sichtbare Zeile ein eigenes Rechteck. Jedes ist genau so breit wie die Zeile, die es trägt.

  3. 03 / 07

    Padding in X und Y.

    Bestimme, wie weit die Fläche über die Buchstaben hinausragt – horizontal und vertikal getrennt.

  4. 04 / 07

    Eckenradius.

    Von kantig bis Pille: Der Radius gilt für jedes Rechteck einzeln.

  5. 05 / 07

    Zeilenabstand, der stimmt.

    Der Row Gap ist der sichtbare Abstand zwischen den Flächen. Das Plugin setzt die Zeilenhöhe so, dass er exakt passt.

  6. 06 / 07

    Deine Farbe.

    Jedes Highlight hat seine eigene Hintergrundfarbe – jederzeit änderbar, ohne neu anzufangen.

  7. 07 / 07

    Umbrüche? Kein Problem.

    Ändert sich die Breite oder der Text, brechen die Zeilen neu um – und die Hintergründe ziehen live mit. Harte und weiche Umbrüche inklusive.

Selbst ausprobieren

Tipp deinen eigenen Text und dreh an den Reglern – genau wie im Plugin-Panel in Figma.

34 / 120 Zeichen

Hintergrundfarbe
Textfarbe
22 px
8 px
8 px
10 px

Was es kann

Schmiegt sich an jede Zeile.

Jedes Rechteck ist genau so breit wie die gerenderte Zeile dahinter – nicht wie der Textrahmen.

Harte und weiche Umbrüche.

Egal ob du selbst umbrichst oder Figma den Text umlaufen lässt: Jede sichtbare Zeile bekommt ihre Fläche.

Vier Regler, volle Kontrolle.

Farbe, Padding X/Y, Row Gap und Eckenradius – pro Highlight einstellbar und jederzeit änderbar.

Live-Update.

Solange das Panel offen ist, ziehen die Hintergründe automatisch nach, wenn du Text oder Breite änderst.

Text bleibt Text.

Kein Umwandeln in Vektoren: Der Textlayer bleibt voll editierbar, inklusive aller Stile.

Privat by Design.

Das Plugin arbeitet komplett lokal in deiner Datei und braucht keinen Netzwerkzugriff.

Häufige Fragen

Nichts. Das Plugin ist kostenlos über die Figma Community verfügbar.

Ja. Das Plugin wertet die tatsächlich gerenderten Zeilen aus – also harte Umbrüche genauso wie weiche, die durch die Breite des Textrahmens entstehen.

Ja. Der Textlayer wird nicht umgewandelt. Änderst du den Text, aktualisierst du die Hintergründe mit einem Klick – oder automatisch, solange das Panel geöffnet ist.

Nein. Es hat keinen Netzwerkzugriff und arbeitet ausschließlich innerhalb deiner Figma-Datei.

Bereit für Line-by-line Background?

Kostenlos, ohne Anmeldung bei uns – und in einer Minute installiert.

In Figma öffnen

Fragen oder Feedback? hallo@einser.at

Weitere Produkte

Paper Snippets
Hellopaper
Figma PluginLive-Demo
Kostenlos

Paper Snippets.

Gerissenes Papier, das deinem Text folgt.

Als Nächstes

Eigene Plugin- oder App-Idee?

Wir bauen sie mit dir – von der ersten Skizze bis in den Store.

Schreib uns

Ob Start-up, Agentur oder etabliertes Unternehmen – wir unterstützen euch bei Website, App, Online-Shop oder KI-Integration. Ein kurzes Gespräch genügt, danach gibt es ein unverbindliches Angebot.

Copyright © 2026 E1NSER.
Made with ♥ in Vienna.