DesignForge

DesignForge ist ein Tool, das die Designregeln für Apps und Bildschirme in einer einzigen Datei namens DESIGN.md zusammenfasst.

■ Wann Sie es verwenden sollten:

Die Farbwirkung und die Abstände verändern sich jedes Mal, wenn Sie die Benutzeroberfläche von einer KI erstellen lassen.

Sie sind sich selbst nie sicher, welche Farbe Sie zuletzt verwendet haben.

Die allgemeinen Regeln, die Sie Ihrem Team oder der KI geben, existieren nur in Ihrem Kopf.

Die Ursache für die Diskrepanz ist nicht ein unterschiedliches Verständnis, sondern das Fehlen einer klaren Definition der richtigen Lösung. DesignForge speichert diese Definition in einer Datei.

■ So verwenden Sie es:

1. Wählen Sie eine Vorlage (genrespezifische Voreinstellung).

2. Passen Sie die Hauptfarbe, Helligkeit, Schriftart, Seitenverhältnis, Abstände, Eckenrundung usw. an.

3. Überprüfen Sie die tatsächliche Darstellung in der Bildschirmvorschau.

4. Kopieren/Teilen/Speichern Sie DESIGN.md und fügen Sie es Ihrem Projekt hinzu.

Sie müssen nur etwa 8 Elemente auswählen. Daraus werden automatisch 14 Farben, 7 Schriftarten, Eckenrundung, Abstände und Komponentenstile abgeleitet. Da Sie nicht alles manuell auswählen müssen, können Sie das Projekt ohne Unterbrechung abschließen.

■ Funktionen

・Live-Vorschau

Überschriften, Fließtext, Haupt- und Nebenschaltflächen, Tipps, Karten und Eingabefelder werden mit den aktuellen Einstellungen angezeigt. Änderungen werden sofort übernommen.

・12 Tools als „Anproberaum“

Beinhaltet praktische Tools wie Aufgabenliste, farbige Haftnotizen, Pausentimer, Stoppuhr, Zähler, Roulette, Tageszähler, Gewohnheitstracker und Vorabprüfung. Alle werden anhand der Token in der gerade erstellten DESIGN.md-Datei gezeichnet. Sie können Farbschemata auf Ihrem gewohnten Bildschirm überprüfen, nicht nur auf einem Testbildschirm.

・Kontrasterkennung

Das Terminal erkennt den WCAG-AA-Standard. Sie können schwer lesbare Kombinationen vor dem Export finden.

• Konform mit dem DESIGN.md-Format

Das Ausgabeformat ist nicht kundenspezifisch; es entspricht den öffentlich verfügbaren DESIGN.md-Spezifikationen.

* Speichern und Abrufen

Sie können Ihre erstellten Designs unter einem Namen speichern und später wieder laden.

* Ausgabe

Eine einzelne Markdown-Datei mit Token-Definitionen (YAML) für Farbe, Schriftart, Layout, Eckenrundung und Komponenten sowie einem Textabschnitt mit Hinweisen zur korrekten und unkorrekten Verwendung. Diese Datei kann direkt im Repository abgelegt und von KI-Agenten und Teammitgliedern gelesen werden.

* Nutzungshinweise

* Alle eingegebenen Daten werden auf Ihrem Gerät gespeichert. Eine Registrierung ist nicht erforderlich.

* Kostenlose Nutzung. Zur Finanzierung des Dienstes werden Werbeanzeigen eingeblendet.