v0.7

U:idea

Das KI-basierte Figma Plugin für Interface Design

Kim Erhardt

Lucia Hering

Sebastian von Westernhagen

U:idea - das KI-basierte Figma Plugin

Das Figma Plugin “U:idea” automatisiert das Erstellen von User Flows in ausgestaltete Screens, um deine Ideen schneller zum Leben zu erwecken. Somit kannst du dich auf die kreativen Aspekte des Projekts konzentrieren.

U:Idea - Figma Plugin für Interface Design



Unser KI-basiertes Plugin für Screendesigns spart dir Zeit und Mühe, indem es automatisch einen User Flow und gestaltete Screens für dein Projekt generiert, die auf deinen spezifischen Anforderungen und Zielen basieren. Mit unserem Tool kannst du schnell und einfach Prototypen erstellen und deine Screens iterieren, ohne dass manuelle Layout- und Designarbeiten erforderlich sind. So kannst du dich auf die kreativen Aspekte deines Projekts konzentrieren und deine Ideen schneller zum Leben erwecken. Teste unser Plugin und sehe, wie es deine Interface-Design-Prozess revolutioniert.

Wie funktioniert das Figma Plugin von U:idea?

Feature 1 - Kreativ Dialog

Im kreativen Dialog kann der/die Designer*in mit der Uidea KI kommunizieren. Dieser fügt sich in das altbekannte Figma Design ein, sodass sich der Designer keinerlei weitere neue Funktionen aneignen muss. Auf Wunsch wird Beispielsweise ein ausgestalteten Screen Flow für eine Foodsharing App für den Kunden gestaltet. Das besondere hierbei ist, dass der Schritt der Wireframes komplett übersprungen wird. Der Designende kann also sofort und in sekundenschnelle in den ersten Iterationsprozess springen.

U:idea Feature 1- Create User Flows in designed screens in creative collaboration with the U:idea AI


Feature 2 - Input

Der/Die Designer*in hat zusätzlich die Möglichkeit parametrische Änderungen im bereits durch die KI generierten Output vorzunehmen. Sämtliche Parameter können verstellt werden. Auch hier schaffen wir eine Neuheit, denn U:idea bietet eine Vielzahl an Parametern wie Leserlichkeit, Nutzerführung oder Konsistenz.
Eine ständige Iteration zwischen Input und Output ist jeder Zeit gegeben. Das ermöglicht einen effizienten, schnellen und kreativen Prozess.

U:idea Feature 2


Feature 3 - Inspirationseingabe

U:idea bietet außerdem die Möglichkeit die recherchierten Inspirationen von Lieblingsseiten in Form von Screenshots oder Links per Drag and Drop einzufügen. Dadurch hat der/die Designer*in die Option den Output mehr in die Richtung seiner Inspirationseingabe zu leiten. Dabei hat er/sie maximale Kontrolle, da auch hier wieder über die Parameter gesteuert werden kann wo der Fokus der Inspiration liegt.

U:idea Feature 3


Feature 4 - Feedback Loop

Durch die Funktion des Feedback Loops kann jeder Zeit auf einen beliebigen Schritt in der History zurück gesprungen werden und somit schaffen wir einen ultimativen Loop, um dem/der Designer*in die maximale Kontrolle über seinen Gestaltungsprozess zu geben.

U:idea Feature 4


Strategie

USP

Das Figma Plugin U:idea ersetzt einen ganzen Schritt im Interface Design Prozess. Anstatt einen User Flow in Wireframes zu gestalten und dann in ausgestalte Screens zu übertragen automatisiert U:idea das generieren von User-Flows in ausgestalteten Screens. Das ermöglicht eine enorme Zeiteinsparung, eine Idee zu visualisieren und in einem Prototypen schnell testbar machen zu können. Dadurch sind Iterationsschleifen nach User-Testings mit minimalem Aufwand kein Problem.

Smoketest

Um zu sehen, ob das U:idea Plug-in auch in echt angenommen wird, haben wir einen Smoketest durchgeführt. Mit einem Smoketest wird eine Innovation getestet, um festzustellen, ob das Produkt oder die Dienstleistung ein Interesse bei den Verbrauchern wecken kann. Dabei wird untersucht, ob die Innovation die Erwartungen der Verbraucher erfüllen kann und welche Reaktionen sie hervorruft. Wir haben hierfür eine Website online gestellt, auf der man bei Interesse die E-Mail Adresse eingeben und sich über das Plug-in nochmals genauer informieren kann. Zudem haben wir Instagram Stories auf unseren privaten Profilen hochgeladen und in LinkedIn, Facebook und Slack jeweils Beiträge verfasst, um potenzielle User anzusprechen. Mit der Maßnahme, des Smoketest wollen wir erreichen, dass das U:idea Plug-in überzeugend angenommen wird von potenziellen Figma Nutzern.

Die Website

Schaut gerne auf unserer Website vorbei.
https://www.uideaplugin.site/

U:Idea - Figma plugin for interface design
U:idea Feature 1- Create User Flows in designed screens in creative collaboration with the U:idea AI
U:idea Feature 1 - Generated User Flow in designed screens
U:idea Feature 2 - Add image samples to change screen design
U:idea Feature 2 - Add image samples to change screen design
U:idea Feature 3 - Feedback loop with history to iterate efficiently
USP
U:idea - das KI-basierte Figma Plugin
Die Website