Zum Inhalt springen

KI-Designanalyse per Figma-Link

Die KI prüft jeden Screen wie ein erfahrener UX-Designer, Algorithmen messen Kontrast, Raster und Typografie. Ergebnis: ein PDF mit Score 0–100 und priorisierten Korrekturen.

Geben Sie die Datei frei: Share → Anyone with the link → can view. Wir lesen sie nur.

Was wir prüfen

Fünf bewertete Bereiche und ein Gesamtscore 0–100. Jedes Problem ist einem Screen zugeordnet, mit Begründung und Lösungsweg.

Usability

Nielsens zehn Heuristiken, klare Calls to Action, Onboarding, Leer- und Fehlerzustände.

Visuelle Hierarchie

Was zuerst ins Auge fällt, wo der Fokus liegt, ob Elemente um Aufmerksamkeit konkurrieren.

Barrierefreiheit (WCAG 2.2)

Textkontrast 4,5:1 und 3:1, Touch-Ziele von 44 pt und 48 dp, minimale Schriftgröße.

Konsistenz und Designsystem

Anteil der Komponenten, Farb- und Textstile, Streuung der Abstände, 4/8-Raster.

Vollständigkeit der Abläufe

Welche Basis-Screens fehlen: Login, Passwort zurücksetzen, Fehler, leere Listen und mehr.

So sieht der Bericht aus

Ausschnitte aus dem PDF einer Demo-Datei. Ihr Bericht zeigt Ihre Screens und Ihre Probleme.

Demodaten

KI-Designanalyse

Mobile Bank v3

74Score

21.10.2026 · 18 Screens

Bewertung nach Bereichen

  • Usability78
  • Visuelle Hierarchie81
  • Barrierefreiheit58
  • Konsistenz69
  • Vollständigkeit83

Screen „Anmelden“

  • KritischKontrast des Platzhalters 2,9:1, mindestens 4,5:1 nötig
  • WichtigButton „Anmelden“ 40×40 pt, kleiner als 44 pt
  • WünschenswertKein Zustand „falsches Passwort“

So funktioniert es

  1. Link einfügen

    Freigabe per Link aktivieren und die URL einer Datei, Seite oder eines Frames einfügen. Ein Link mit node-id wird gezielt geprüft.

  2. Vorschau ansehen

    Innerhalb von 30 Sekunden zeigen wir Dateinamen, Anzahl der Screens, Vorschauen und erste Funde.

  3. PDF erhalten

    Kontaktdaten angeben, der Bericht kommt in rund 10 Minuten per E-Mail. Sie können ihn auch auf dieser Seite herunterladen.

Der Unterschied zum Figma-Usability-Check

Der kostenlose Figma-Usability-Check prüft nur die Dateistruktur: ob die nötigen Screens vorhanden sind. Die KI-Analyse bewertet die Screens selbst, Hierarchie, Lesbarkeit, Verständlichkeit der Aktionen, Barrierefreiheit, und ergänzt Metriken aus den Ebenen.

Weitere Tools

Häufige Fragen

Was heißt „per Link freigeben“?

Klicken Sie in Figma auf Share, stellen Sie General access auf „Anyone with the link“ und „can view“. Ohne Freigabe sieht der Dienst die Datei nicht und sagt das sofort. Eine Anfrage wird dann nicht angelegt.

Wie viele Screens kommen in den Bericht?

Bis zu 20. Zuerst Screens, die wie Basis-Screens aussehen (Login, Start, Katalog, Checkout usw.), dann die größten Frames. Enthält der Link eine node-id, prüfen wir diese Seite oder diesen Frame.

Was genau macht die KI?

Ein Vision-Modell betrachtet jeden Screen und bewertet ihn nach Nielsens Heuristiken, Hierarchie, Klarheit der Calls to Action, Lesbarkeit und Konsistenz. Es darf nichts erfinden, was nicht auf dem Screen zu sehen ist. Kontrast, Touch-Ziele, Raster und Typografie berechnen wir separat aus den Ebenendaten, ohne KI.

Wie lange dauert es?

Die Vorschau erscheint in 30 Sekunden, das vollständige PDF kommt in rund 10 Minuten per E-Mail. Sie können diese Seite währenddessen schließen.

Was passiert mit meinem Design?

Wir lesen die Datei nur über die offizielle Figma-API. Exportierte Screens und das PDF werden 30 Tage gespeichert und dann gelöscht. Inhalte des Designs landen nie in Logs.

Ersetzt das UX-Research?

Nein. Es ist eine automatisierte Expertenbewertung: Sie findet typische Fehler schnell, ersetzt aber keine Tests mit echten Nutzern. Das steht auch im Bericht.

Was kostet es?

Nichts, bis zu 3 Berichte pro Tag und E-Mail-Adresse. Wenn Sie die Ergebnisse mit einem YuSMP-Designer besprechen möchten, ist auch diese Beratung kostenlos.

Redesign oder neues Produktdesign gefragt?

YuSMP gestaltet und entwickelt mobile und Web-Produkte: Research, Prototypen, UI-Kit und Übergabe an die Entwicklung.

Product Engineering