Von Figma zu Funktion : Design zu lebender Schnittstelle mit Claude Code 🎨

Beschreibung

⚠️ Kannst du bei diesem Workshop nicht teilnehmen? Folge unserem Luma-Kalender über den Link unten, um über kommende Workshops und Veranstaltungen informiert zu werden: https://luma.com/co-workand Dieser Workshop richtet sich an Designer, die bereits Figma kennen. Wir lehren kein Design und wir lehren kein Figma. Du hast einen ausgefeilten Rahmen in Figma. Es in etwas zu verwandeln, auf das Menschen klicken, testen und reagieren können, bedeutet immer noch, auf jemand anderen zu warten oder ein ganzes Wochenende damit zu kämpfen, selbst zu codieren. In diesem Workshop wirst du Claude Code mit Figma verbinden, einen echten Designrahmen nehmen und ihn in eine funktionierende Schnittstelle umwandeln. Dann machst du den Teil, der tatsächlich zählt: kritisiere das Ergebnis, erkenne, wo es von deinem Design abweicht, und iteriere mit besseren Einschränkungen, bis es stabil ist. Du wirst an einer vorbereiteten Figma-Datei mit einem echten Designsystem arbeiten, damit niemand Zeit damit verliert, zu entscheiden, was gebaut werden soll. Jeder baut dasselbe, zusammen. 🗓️ Agenda 17:00 · Einlass Nimm ein Getränk, mach es dir bequem, triff die anderen Teilnehmer. Wir beginnen pünktlich um 17:30. 17:30 · Claude Code für Designer Wie das Tool funktioniert: Projekte, Kontext, Anweisungen, Berechtigungen und sichere Änderungen. Dann Figma verbinden und Claude Code auf einen einzigen Rahmen beschränken. 18:25 · Geführter Aufbau Verwandle den bereitgestellten Rahmen in eine laufende Schnittstelle. Kurze Lehrblöcke, dann baust du in drei Durchläufen von einfach zu komplex. 19:00 · Kritik und Verbesserung Vergleiche das Ergebnis mit Figma. Finde die Lücken in Hierarchie, Abstand, Typografie und Zuständen. Füge Kontext aus dem Designsystem hinzu und iteriere bewusst. 20:00 · Q&A Frag Hooman alles: Was ist kaputt, was hat dich überrascht, was als nächstes ausprobieren. 20:30 · Offenes Networking Getränke, Gespräche und Zeit, um sich mit den anderen Teilnehmern zu vernetzen. Wir halten die Gruppe bewusst klein, sodass es echte praktische Unterstützung für alle gibt. 🚀 Was du mit nach Hause nimmst 🎯 Für wen es gedacht ist Du solltest dich wohl fühlen, in Figma an ausgefeilten Schnittstellen zu arbeiten und dein Layout, die Hierarchie, Zustände und Entscheidungsprozesse für Interaktionen zu erklären. Das ist nichts für dich, wenn du die Grundlagen von UX/UI oder die Basics von Figma lernen möchtest oder wenn du eine Ein-Klick, produzierbare Design-zu-Code-Lösung erwartest. Es sind keine Vorkenntnisse in Claude Code erforderlich. Neugier auf die Arbeit in einem Terminal reicht aus. 🎒 Was du benötigen wirst Wir senden 7 bis 10 Tage vor dem Workshop Ressourcen: einen kurzen Einrichtungsleitfaden, die Figma-Workshop-Datei, das Starterprojekt und ein Sicherheitsblatt für das Terminal. Es gibt auch eine optionale 20-minütige Online-Einrichtungs-Clinic ein paar Tage vorher, für alle, die auf Schwierigkeiten stoßen. 🎙️ Sprecher & Gastgeber Hooman Abbasi (Experte) Designleiter und Designstratege in Berlin, wo er ein multidisziplinäres Designteam leitet und früh-initiierte Start-ups bei der Produktgestaltung hilft, die sie zur Series A bringt. Sein Hintergrund liegt in Ingenieurwesen und Mensch-Computer-Interaktion, und er hat jahrelang UX-Teams geleitet, Designsysteme aufgebaut und mehr als 3.000 Designer betreut. Er schreibt und spricht darüber, wie KI die Rolle des Produktdesigners neu gestaltet, vom Pixelpushen hin zu Strategie und Problemdarstellung. Dieser Workshop ist dieses Argument, das praktisch umgesetzt wird. Vidushi (Gastgeberin & Organisatorin) Strategin für Marken und Kommunikation, die zur nicht-technischen Gründerin wurde, die SocialFlo, eine KI-gestützte Inhaltsplattform, mit Claude Code aufgebaut hat. Mit über 7 Jahren Erfahrung in sozialen Medien, Marken und Influencer-Marketing leitet sie jetzt 'Co-Work &', eine Community für ehrgeizige Menschen, die KI auf praktische und handlungsorientierte Weise lernen wollen. Vidushi bringt das praktische Format und die Unterstützung mit, um dir zu helfen, dich mit Claude Code wohlzufühlen. Hooman bringt die Expertise im Produktdesign mit, von Designsystemen über Kritik bis hin zu strategischem Denken. Gemeinsam erhältst du die technische Anleitung und design-spezifisches Feedback, das du benötigst, um zu bauen, zu iterieren und wie ein KI-native Produktdesigner zu denken. 📌 Wichtige Hinweise 🎟️ Tickets sind bis 7 Tage vor der Veranstaltung rückerstattbar; danach sind sie nicht rückerstattbar. Eine Stornogebühr von 5 % gilt für alle Rückerstattungen (Early Bird und Standard). 💡 Viele Teilnehmer können ihr Ticket über das Weiterbildungs- oder berufliche Entwicklungsbudget ihres Unternehmens abrechnen. Wenn du eine Rechnung benötigst, lass es uns einfach wissen, und wir stellen gerne eine aus. 📸 Während der Veranstaltung werden Fotos aufgenommen, die für Gemeinschafts- und Werbezwecke genutzt werden. Mit deiner Anmeldung stimmst du zu, fotografiert zu werden. Wenn du nicht auf Fotos erscheinen möchtest, lass es uns bitte vor der Veranstaltung wissen.📍 Veranstaltungsort: Der genaue Ort wird den Teilnehmern vor dem Workshop mitgeteilt und hier bald aktualisiert.