DE
Vektordesign + Schrifterstellung

Erstelle Vektorgrafiken und Schriftarten direkt im Browser.

Gestalte SVG-Grafiken, baue Pixel-Schriften, verwende deine eigenen Fonts in Designs und exportiere produktionsbereite Dateien – ohne Desktop-Software zu installieren.

Zum Erstellen und Exportieren ist kein Konto nötig. Melde dich nur an, wenn du Cloud-Speicherung, öffentliches Teilen und Zugriff auf mehreren Geräten möchtest.

SVGBearbeitbarer Vektorexport
TTFSchriftexport im Browser
∞Rückgängig und Wiederholen während der Arbeit
Private oder öffentliche Projekte
Ein kreativer Arbeitsbereich

Gestalte die Grafik. Baue die Schrift. Nutze beides zusammen.

DesignVector verbindet zwei Arbeitsabläufe, die meist getrennt sind: Vektorillustration und Schrifterstellung. Gespeicherte Fonts erscheinen in den Typografie-Einstellungen deiner Vektordesigns, sodass eine Schrift direkt vom Glyphenraster in eine echte Komposition übernommen werden kann, ohne die Web-App zu verlassen.

Ein fokussierter Vektoreditor

Erstelle Text, Rechtecke, Ellipsen, Freihandpfade und Bildebenen. Gruppiere Objekte, ändere ihre Reihenfolge, sperre oder blende Ebenen aus und nutze Füllungen, Verläufe, Konturen, Deckkraft, Masken und Schatten.

Eine Schriftwerkstatt mit TTF-Export

Zeichne Glyphen in einem Pixelraster, sieh Wörter während der Arbeit in der Vorschau, gehe durch Änderungen vor und zurück und exportiere direkt im Browser eine echte TrueType-Schrift.

Eine übersichtliche Bibliothek für Designs und Schriften

Nach der Anmeldung werden alle gespeicherten Designs und Schriften in einer durchsuchbaren Bibliothek mit Vorschauen, Sichtbarkeitsstatus und letzten Änderungen organisiert. Öffne ein Element und arbeite sofort weiter.

Zeichenflächen, die zum Inhalt passen

Lege exakte Dokumentmaße fest oder passe die SVG-Zeichenfläche mit frei wählbarem Rand an die tatsächlichen Grenzen deiner Grafik an, damit Exporte keinen unnötigen Leerraum enthalten.

Von der ersten Idee zum wiederverwendbaren Asset

Ein Browser-Workflow, der fürs Machen gebaut ist – nicht nur fürs Anschauen.

DesignVector ist eine interaktive Webanwendung zur Erstellung visueller Assets. Du kannst anonym beginnen, eine Vektorkomposition oder Schrift erstellen, das Ergebnis lokal exportieren und erst dann ein Konto anlegen, wenn du Synchronisierung, eine persönliche Bibliothek oder öffentliches Teilen brauchst.

  1. 01

    Ohne Hürden erstellen

    Öffne den Editor sofort. Zwischen dir und der Zeichenfläche steht keine Registrierung.

  2. 02

    Sicher iterieren

    Nutze Rückgängig und Wiederholen sowohl im Vektor- als auch im Schrifteditor; Ebenen- und Glyphenzustände bleiben klar und wiederherstellbar.

  3. 03

    Speichern, wie du möchtest

    Behalte lokale Entwürfe als Gast oder melde dich an, um Projekte zu synchronisieren und jedes Design oder jede Schrift privat oder öffentlich auffindbar zu machen.

  4. 04

    Standarddateien exportieren

    Lade SVG für Vektorarbeiten und TTF für Schriften herunter. Gespeicherte eigene Fonts können außerdem direkt in deinen DesignVector-Kompositionen verwendet werden.

Fragen zu DesignVector

Was kannst du mit dieser Web-App wirklich machen?

Klare Antworten für Kreative, Teams und alle, die eine schlanke browserbasierte Alternative für Vektordesign und Schrifterstellung prüfen.

Kann ich DesignVector ohne Konto verwenden?

Ja. Vektor- und Schrifteditor funktionieren als Gast, lokale Entwürfe können auf deinem Gerät bleiben und SVG- oder TTF-Export erfordern keine Registrierung. Ein Konto brauchst du nur für Cloud-Synchronisierung und öffentliches Teilen.

Kann ich eine selbst erstellte Schrift in einem Vektordesign verwenden?

Ja. Gespeicherte DesignVector-Schriften werden in der Typografieauswahl des Vektoreditors geladen. Bei einer benutzerdefinierten Schrift kann die App sie in das exportierte SVG einbetten, damit das visuelle Ergebnis portabel bleibt.

Was ist der Unterschied zwischen öffentlichen und privaten Projekten?

Private Elemente sind nach der Anmeldung nur für ihren Besitzer verfügbar. Öffentliche Designs und Schriften können in Entdecken erscheinen und von anderen Besuchern geöffnet werden. Die Sichtbarkeit lässt sich beim Speichern ändern.

Wie entferne ich Leerraum um einen SVG-Export?

Nutze Zeichenfläche an Grafik anpassen. DesignVector berechnet die Grenzen des sichtbaren Vektorinhalts, fügt den gewählten Rand hinzu und aktualisiert vor dem Export die viewBox des Dokuments. Du kannst auch exakte Breite und Höhe eingeben.

DesignVector