Zum Inhalt springen
Musterli

Grid Patterns

Rasterlinien, Punktraster, Kreuze oder Kacheln mit Haupt- und Nebenraster. Als SVG oder Bild exportieren.

Generator öffnen

Läuft direkt in deinem Browser. Deine Grafiken entstehen auf deinem Gerät.

Beispielmotiv aus dem Grid Patterns

Mit einem Preset starten

Wähle ein Preset, es öffnet sich direkt im Editor. Dort passt du alles an.

Worum geht’s?

Grid Patterns sind regelmässige Raster aus Linien, Punkten, Kreuzen oder Kacheln. Sie wirken wie Millimeterpapier, Bauplan oder Notizheft und eignen sich als ruhiger Hintergrund für Websites, Präsentationen und Produktbilder.

So geht’s

Wähle einen Stil, stelle Zellgrösse und Strichstärke ein und lege fest, ob jede n-te Linie als Hauptraster hervorgehoben wird. Mit der Ausblendung läuft das Raster zur Mitte oder zu den Rändern weich aus. Exportiere das Ergebnis als SVG, CSS oder Bild.

Grid Patterns jetzt ausprobieren

Häufige Fragen

Bleibt das Raster beim Ändern der Grösse gleich?
Ja. Die Zellgrösse wird in Prozent der kürzeren Kante angegeben, deshalb sieht das Raster in jedem Format gleich dicht aus.
Was ist das Hauptraster?
Jede n-te Linie (oder jeder n-te Punkt) wird dicker und in der zweiten Farbe gezeichnet, wie bei Millimeterpapier. Mit 0 schaltest du es aus.
Kann ich das Raster nahtlos kacheln?
Das Raster ist auf die Bildmitte ausgerichtet. Für nahtlose Kacheln wähle eine Grösse, die ein Vielfaches der Zellgrösse ist, und verzichte auf die Ausblendung.
Funktioniert der SVG-Export in Figma und Illustrator?
Ja. Linien sind als Pfade gespeichert, die Ausblendung nutzt eine SVG-Maske, die beide Programme lesen können.

Passende Generatoren

Alle Generatoren in Muster