ENDE
Jetzt testen

Kommentar pinnen. Redesign bekommen.

Klick in deine App und sag, was nicht passt. Deine KI zeichnet einen besseren Screen. Sag ja, und sie baut ihn.

14 Tage testenSo funktioniert's

  • Bessere Screens, ohne Designer einzustellen

  • Immer deine Marke, deine Farben, Schriften und dein Logo

  • Keine extra KI-Rechnung, es nutzt die KI, für die du schon zahlst

Dein Agent schreibt den Code in Minuten. Gutes Design kriegt er immer noch nicht hin.

Er sieht den ganzen Flow

Das Board zeigt jeden Screen jeder Journey. Der Agent designt den Schritt zwischen zwei Screens, nicht einen Screen im luftleeren Raum.

Er designt in deiner Marke

Jedes Design nutzt die Tokens, Schriften und Logos von deiner Corporate-Design-Seite. Der Agent hat keinen Spielraum, sich eine Farbe auszudenken.

Er prüft seine eigene Arbeit

Nach dem Bauen macht er Screenshots von jedem Screen deiner laufenden App, vergleicht sie mit dem freigegebenen Design und behebt, was abweicht.

Dieselbe Journey, vor und nach einer Designrunde

Zieh am Regler. Links die Screenshots von dem, was heute live ist. Rechts die Designs, die der Agent auf denselben Karten vorgeschlagen hat.

Design-Modus: dieselben fünf Onboarding-Karten mit den Designs des Agenten, als freigegeben markiert.
Implementierungs-Modus: fünf Onboarding-Karten von FitFuud mit Screenshots der ausgelieferten App.
Implementierung was heute live ist Design was dein Agent vorschlägt

FitFuud, das erste Produkt, das auf Grafaris designt wurde. Ein Schalter im Header klappt jede Karte zwischen beidem um.

Eine Runde, aus der Nähe

Vier Kommentare rein, eine Registrierung raus

Jeder Pin benennt einen Fehler. Der Agent beantwortet alle vier in einer neuen Version, und die alte bleibt zum Vergleichen auf der Karte.

Bildschirmgrößen und Sprachen

Jede Größe, jede Sprache, eine Karte

Füg die Größen hinzu, auf denen dein Produkt läuft, von der Smartwatch bis zum breiten Desktop, und die Sprachen, die es spricht. Jede Karte speichert Aufnahmen und Designs pro Größe, und das Board wechselt mit einem Klick.

  • Smartphone, Tablet, Desktop, Watch oder jede Größe, die du eintippst
  • Zwei Größen nebeneinander auf dem Board
  • Deine KI designt in der Basissprache, dann jede Übersetzung

So funktioniert's

Vom Kommentar zum fertigen Screen

Klick auf einen Schritt, um ihn zu sehen. Die Schritte laufen weiter, sobald du aufhörst zu scrollen.

1Du

Pinne den Kommentar dahin, wo es wehtut

Klick auf die genaue Stelle eines Screens und sag, was nicht stimmt. Füg ein Bild ein, erwähne ein Teammitglied, führ den Thread weiter.

2Dein Agent, put_design

Dein Agent antwortet in HTML

Er liest die offenen Kommentare und dein Briefing über MCP, schreibt eine neue Designversion und antwortet im Thread.

3Du

Gib eine Version frei

Versionen überschreiben sich nie. Vergleich sie auf der Karte, bitte um eine weitere Runde, gib die richtige frei.

4Dein Agent, grafaris-implement

Er baut sie und prüft sich selbst

Der Implement-Skill geht die Journey im Browser durch, macht Screenshots von jedem Screen und vergleicht sie mit dem freigegebenen Design.

Pausiert, während du liest
1. Drei Kommentare auf einem Registrierungs-Screen
2. Deine KI schickt das HTML, das Board rendert es
3. Du gibst B frei, A bleibt auf der Karte
4. Der Skill prüft das Board immer wieder, bis deine App passt

Corporate Design

Dein ganzes Corporate Design auf jedem Screen

Richte dein Corporate Design einmal ein: Farben, Schriften, Logos, Icons, Abstände und Ecken. Jedes Design deiner KI hält sich an alles davon. Mit Premium trägt es sogar Grafaris selbst.

Design wechseln

Logo Studio und Brand Studio

Dein Logo und deine Marke, direkt neben deinen Screens

Zwei Studios liegen auf demselben Board wie deine Journeys. Deine KI arbeitet darin genauso: Du kommentierst, sie antwortet.

Logo Studio

Logo Studio

Deine KI zeichnet Logokonzepte und neue Versionen von dem, das dir gefällt.

  • Jede Variante, auf dunkel und auf hell
  • Im Einsatz auf Mockups sehen
  • Die fertigen Dateien herunterladen
Brand Studio

Brand Studio

Sag, wofür deine Marke stehen soll. Deine KI recherchiert, wie Menschen sie wirklich sehen.

  • Markenidentitäts-Map, deine plus die Ergänzungen der KI
  • Markenimage-Map mit Quellen für jeden Punkt
  • Ein Match-Score zwischen beiden

Bring deine eigene KI mit

Läuft mit der KI, für die du schon zahlst

Grafaris hat keine eigene KI. Das Board und deine Kommentare sind online. Dein Code und deine KI bleiben auf deinem Rechner.

  1. 1Du kommentierst einen Screen auf dem Board. Deine KI greift es auf.
  2. 2Deine KI zeichnet ein neues Design und legt es aufs Board.
  3. 3Du sagst ja. Deine KI baut es in deinen Code, und deine App bekommt das neue Design.

14 Tage gratis testen, in jedem Plan

Wähl deinen Plan und leg heute los

In jedem Plan designt und baut deine KI deine Screens. Entscheide danach, wie viele Produkte und Leute du hast.

Starter

Alles, was du für ein Produkt brauchst.

  • Deine KI redesignt jeden Screen, den du kommentierst
  • Logo-, Farb- und Brand-Studio
  • 1 Projekt mit 5 Journeys
  • Die letzten 10 Versionen jedes Designs
Jetzt 14 Tage testen
Empfohlen

Premium

Für mehrere Produkte, Kunden oder Marken.

  • Alles aus Starter
  • Unbegrenzt viele Projekte und Journeys
  • Jede Version bleibt erhalten
  • 3 Gäste, die ansehen und kommentieren
  • Grafaris in deiner eigenen Marke
Jetzt 14 Tage testen

Team

Ein Board für dein ganzes Produktteam.

  • Alles aus Premium
  • Mitglieder und Rollen
  • Threads, Erwähnungen und Aufgaben
  • Kostenlose Gäste, so viele du brauchst
  • SSO zum Launch
Jetzt 14 Tage testen

Zum Start brauchst du eine Karte. Kündige vor Tag 14, und du zahlst nichts. Alle Pläne vergleichen

Bevor du die Testphase startest

Was Leute zuerst fragen

Je eine kurze Antwort. Die Details stehen auf den Seiten zu Preisen und Datenschutz.

  • Getestet mit Claude Code und Codex
  • Heute für Web-Apps
  • Server in Deutschland, keine eigene KI

Einrichtung

Welche KI-Agenten funktionieren, und brauche ich dafür ein bezahltes Abo?

Claude Code und Codex, beide von Anfang bis Ende getestet. Andere Apps, die MCP sprechen, können sich verbinden, die haben wir aber noch nicht getestet. Du brauchst den Plan, den dein Agent selbst braucht; Grafaris legt keine KI-Kosten obendrauf.

Welche Apps funktionieren?

Vorerst Web-Apps. Native Mobile- und Desktop-Apps werden noch nicht unterstützt.

Wie kommen meine Screens aufs Board?

Dein Agent öffnet deine laufende App im Browser, geht jede Journey durch und lädt pro Screen einen Screenshot hoch. Du kannst auch mit der URL einer Live-Seite starten.

Kann ein Designer ohne Coding-Agent es nutzen?

Ja, zum Kommentieren, Versionen vergleichen und Freigeben. Jemand im Projekt braucht einen verbundenen Agenten, der Kommentare mit Designs beantwortet.

Kann ich aus Figma importieren oder nach Figma exportieren?

Nein. Designs sind HTML mit deinen Marken-Tokens, also baut dein Agent sie direkt in deinen Code.

Daten und Kosten

Verlassen Screenshots meiner unveröffentlichten App meinen Rechner?

Nur die Screenshots, die du aufs Board legst, und die liegen mit deinem Projekt auf unseren Servern in Deutschland. Dein Code und dein Agent bleiben auf deinem Rechner.

Jeder Auftragsverarbeiter und Speicherort: Datenschutz

Steigt der Verbrauch meines KI-Abos?

Ja, ein bisschen. Jede Designrunde ist eine normale Agent-Session in deinem eigenen Abo, so als würdest du deinen Agenten bitten, einen Screen neu zu stylen.

Pläne

Was passiert, wenn die Testphase endet, und kann ich monatlich kündigen?

Kündige vor Tag 14, und du zahlst nichts. Danach rechnet dein Plan monatlich ab, und du kannst jeden Monat kündigen; deine Organisation wird dann schreibgeschützt, gelöscht wird nichts.

Es ist Early Access. Was funktioniert heute?

Der ganze Ablauf funktioniert heute. Preise, SSO und das Audit-Log kommen zum Launch.

Journey-Board und KommentareMCP für deinen AgentenDesign- und Implement-SkillsLogo und Brand StudioPreise zum LaunchSSO und Audit-Log zum Launch

Plan-Limits und Abrechnung: Preise

Lass deine Screens richtig gut aussehen

Teste Grafaris 14 Tage an deinem eigenen Produkt. Deine KI macht die Designarbeit, du entscheidest, was live geht.

14 Tage testenKündige vor Tag 14, und du zahlst nichts.