Starten Sie mit einem Produktziel, PRD, aktuellen Bildschirm, Screenshot, lesbarem Figma-Material oder einer Markenreferenz. UIDesigner erstellt ein HTML-basiertes Artefakt mit dem responsiven Verhalten, den Zuständen, der Barrierefreiheit und den Assets, die das Produkt benötigt.
UIDesigner liefert ein bearbeitbares Dashboard für den Support-Betrieb samt responsiven Produktzuständen, Materialien und Übergabehinweisen. ProductDeveloper wird nicht gezeigt, da die Implementierung außerhalb dieses Szenarios liegt, sofern sie nicht separat angefragt wird.
Kopieren Sie den Text, fügen Sie ihn in das Orkas-Eingabefeld ein und probieren Sie ihn aus.
Gestalten Sie ein Betriebsdashboard für ein kleines Support-Team. Zeigen Sie das heutige Arbeitsaufkommen, den Verlauf der Antwortzeiten, dringende Gespräche und Filter nach Verantwortlichen. Berücksichtigen Sie Lade-, Leer-, Fehler- und Berechtigungszustände und liefern Sie eine bearbeitbare responsive Oberfläche.
Das Ergebnis ist prüfbar und bearbeitbar; responsives Verhalten und Produktzustände werden ausdrücklich dargestellt.
Eine responsive Oberfläche, die Sie prüfen, durchklicken und überarbeiten können.
operations-dashboard.htmlLade-, Leer-, Fehler- und Berechtigungszustände sowie responsives Verhalten gemeinsam dokumentiert.
interface-states.mdMaterialien, Entscheidungen zur Barrierefreiheit und Umsetzungshinweise als Paket für die Entwicklung.
ui-handoff.zipTeilen Sie Ziel, Nutzer, PRD, aktuelle Ansicht, Figma-Material oder Markenreferenz.
Prüfen Sie Workflow, Informationshierarchie, Komponenten und erforderliche Laufzeitzustände.
Nutzen Sie das bearbeitbare HTML-Ergebnis, um Layout, Verhalten, Responsivität und Inhalte zu prüfen.
Materialien, Zustandshinweise, Entscheidungen zur Barrierefreiheit und Implementierungshinweise liefern.
Kostenlos, Open Source und läuft auf Ihrem Rechner.
Häufige Antworten zu Ausgangsmaterial, bearbeitbaren Artefakten und der Übergabe an die Entwicklung.
Ein HTML-basiertes, bearbeitbares Oberflächenartefakt mit responsivem Verhalten, Produktzuständen, Entscheidungen zur Barrierefreiheit, Assets und Übergabehinweisen auf Grundlage Ihres Ausgangsmaterials.
Ja. Es kann lesbares Figma-Material, Screenshots, aktuelle Ansichten, bestehende Websites, PRDs und Markenreferenzen nutzen und festhalten, welche Quelle welche Entscheidung begründet hat.
UIDesigner konzentriert sich auf das Oberflächenergebnis und die Übergabe. ProductDeveloper kann das freigegebene Design ins Repository übernehmen, implementieren, Tests ausführen und Prüfnachweise liefern.
Kostenlos, Open Source und auf Ihrem Rechner ausführbar.