26 Einträge
Schlagwort: figmaLink:OwlsTech
LogoToUse von OwlsTech ist eine kuratierte Plattform für gebrauchsfertige Logos, die in farbigen, schwarzen und weißen Varianten bereitgestellt werden. Der Dienst bietet Integrationen für Figma, Sketch und Webflow sowie KI-gestützte Designtools.
Aus X-Post: Tools for Designers in the AI Era: From Inspiration to Contract Signing
Link:shadcncraft
shadcncraft präsentiert ein umfassendes Sales- und Marketing-Dashboard, das mit Next.js, React und shadcn/ui entwickelt wurde und 1:1 auf Figma-Vorlagen abgestimmt ist. Das Paket umfasst 23 wiederverwendbare Dashboard-Blöcke für Metriken, Trichter und Pipelines sowie Anbindungen an Design-Richtlinien via Model Context Protocol (MCP).
Aus X-Post: shadcncraft launches Sales & Marketing Dashboard for Next.js and Figma
Link:designmd.me
DesignMD analysiert beliebige Webseiten und extrahiert deren Design-System automatisch in eine strukturierte DESIGN.md-Datei, eine interaktive HTML-Vorschau und direkt nutzbare Figma-Tokens.
Aus X-Post: Curated Directory of DESIGN.md Resources and AI-Ready Design Systems
X-Post:Agent Native
Agent Native verweist auf einen Trend, bei dem Desktop-Anwendungen von KI-Anbietern wie ChatGPT oder Codex herkömmliche Webbrowser für alltägliche Arbeitsabläufe verdrängen sollen. Als Referenz dient ein Beitrag von Beni, der angibt, für Tools wie Claude, Notion und Figma vollständig vom Browser auf die ChatGPT-Desktop-App umgestiegen zu sein.
118Lesezeichen21.806Aufrufe
X-Post:shadcncraft
shadcncraft hat ein Anwendungs-Template für Next.js und shadcn/ui vorgestellt, das sieben Seiten und 23 wiederverwendbare UI-Blöcke umfasst. Alle Komponenten sind 1:1 auf entsprechende Figma-Designs abgestimmt.
26Lesezeichen879Aufrufe
X-Post:Marcel
Marcel (@marcelkargul) präsentiert ein CRM-Dashboard in Next.js, das innerhalb von rund zwei Tagen umgesetzt wurde. Das Design entstand zuvor manuell in Figma, während die technische Implementierung mithilfe von Claude Fable 5.1 und zwei Agent-Skills erfolgte.
7889Lesezeichen731.424Aufrufe
Artikel:Adham Dannaway
Designer Adham Dannaway analysiert führende Design-Systeme und erläutert praxisnahe Erkenntnisse zu Farbsystemen, Elevation, Design Tokens und Komponentenskalierung für eigene Implementierungen.
Aus X-Post: Adham Dannaway Breaks Down Top Design Systems
X-Post:Manish Kumar
Manish Kumar hat eine Liste von Webseiten zusammengestellt, die Werkzeuge, Vorlagen und Bibliotheken rund um DESIGN.md-Dateien bereitstellen. Diese strukturierten Markdown-Dateien dienen als maschinenlesbare Design-Spezifikationen für Entwicklungs- und KI-Tools wie Cursor, Claude oder GitHub Copilot.
2559Lesezeichen66.372Aufrufe
X-Post:Adham Dannaway
Designer Adham Dannaway analysiert etablierte Design-Systeme wie IBM Carbon und das Atlassian Design System. Er untersucht, wie diese Teams Farbpaletten, Elevation-Tokens und komplexe UI-Muster strukturieren.
489Lesezeichen18.733Aufrufe
X-Post:Breeje Anadkat
Breeje Anadkat beschreibt seinen fünfstufigen Workflow, um ansprechende Benutzeroberflächen und funktionale MVPs mit Claude, ChatGPT, Figma und Claude Code zu erstellen.
7003Lesezeichen207.531Aufrufe
Link:designengineer.tools
Die Website Design Engineer Tools versammelt nützliche Werkzeuge, Bibliotheken und Plattformen für den Schnittbereich zwischen UI/UX-Design und Softwareentwicklung.
Aus X-Post: Design Engineer Tools: Curated Directory for Design and Frontend Engineering
Artikel:Alex Mercer
Anthropic hat Claude Design im Juni 2026 grundlegend überarbeitet. Neu sind direkte Importe von Design-Systemen, eine bidirektionale Anbindung an Claude Code über MCP sowie ein Canvas-Editor für Layout-Änderungen ohne Token-Verbrauch.
Aus Video: Weekly AI Updates: Model Releases, Prompt Tricks, and Agent Architectures
Link:Ajay Patel, Anand Patel
Shadcn Studio stellt vorgefertigte UI-Komponenten, Blöcke und Vorlagen für shadcn/ui bereit, die sowohl Radix UI als auch Base UI unterstützen. Neben Copy-Paste-Code und CLI-Installation bietet die Plattform KI-Werkzeuge wie einen MCP-Server, Theme-Generierung und ein Figma-Plugin.
Aus X-Post: Curated Modern UI Component Libraries for Rapid Frontend Development
Link:agenticui.net
Agentic UI ist ein produktionsreifes Figma-Design-System, das speziell für die Erstellung skalierbarer Interfaces rund um Agentic AI entwickelt wurde.
Aus X-Post: Alex Announces the Agentic UI Showcase
Link:sleek.design
Sleek generiert vollständige Screens für iOS- und Android-Apps auf Basis von Textbeschreibungen oder Referenzbildern. Entwürfe lassen sich direkt als editierbare Ebenen nach Figma oder als Code in HTML und React mit Tailwind CSS exportieren. Zudem unterstützt das Tool Coding-Agenten wie Claude Code oder Cursor über eine API.
Aus X-Post: Mobile App Design Recommendation: Michelangelo
Link:figma.com
Figma positioniert sich als intelligenter, KI-nativer Canvas für den gesamten Produktentwicklungsprozess von der Konzeption bis zur Übergabe in den Code.
Aus Video: Cloning and Remixing UI Designs in Cursor with MagicPath and Mobbin MCP
Link:Relume
Relume führt eine Exportfunktion für Claude Design ein. Farb-Tokens, Typografie-Skalen, Abstandsregeln und über 1.000 Komponenten lassen sich per Klick übertragen, damit KI-generierte Webseiten konsistent im eigenen Markendesign bleiben.
Aus Video: Fixing Generic AI Sites: Building with Relume, Claude Design, and Claude Code
Link:Gary Simon
Gary Simon hat DesignCourse 2.0 vorgestellt. Die Lernplattform kombiniert Markenidentität, UI/UX-Design und KI-basierte Entwicklung in zusammenhängenden Projekten.
Aus Video: Converting Images into Interactive Three.js 3D Models with img2threejs
Link:HubSpot
Ein Leitfaden von Futurepedia und HubSpot stellt neun Workflows für Claude Design vor. Enthalten sind Vorlagen, Prompts und ein sechsstufiger Prozess zur Erstellung visueller Assets.
Aus Video: Claude Design: Code-Based Motion Graphics and Transcript-Synced Video Workflows
Link:Sergei Chyrkov
Designer Sergei Chyrkov bietet auf Buy Me a Coffee digitale Design-Ressourcen für Figma und Webdesign an, darunter kostenlose Vorlagen und Vorlagen für Design-Tokens.
Aus Video: Claude Design Tutorial: Moving Beyond AI Slop to Consistent Design Systems
Link:Sergei Chyrkov
Design Director Sergei Chyrkov bietet auf seiner Website Design-Ressourcen, Artikel und Mentoring rund um moderne UI/UX-Workflows mit Figma, Framer und KI-Tools.
Aus Video: Claude Design Tutorial: Moving Beyond AI Slop to Consistent Design Systems
Link:Sergei Chyrkov
Auf seiner Plattform bietet Designer Sergei Chyrkov Mentoring und 1:1-Sitzungen an, die sich auf UI/UX-Design mit Figma, No-Code-Entwicklung in Framer und KI-gestützte Design-to-Code-Workflows mit Tools wie Cursor und MCP konzentrieren.
Aus Video: Claude Design Tutorial: Moving Beyond AI Slop to Consistent Design Systems
Link:designproject.io
The Design Project bietet UI/UX-Design für Startups und Technologieunternehmen als monatliches Festpreismodell mit unbegrenzten Anfragen an.
Aus Video: Comparing AI Design Patterns Across Major Design Systems
X-Post:Manish Kumar
Manish Kumar empfiehlt die Website designengineer.tools, eine strukturierte Uebersicht von Software, Frameworks und Utilities an der Schnittstelle von Design und Software-Entwicklung.
1870Lesezeichen67.869Aufrufe
24 von 26 angezeigt
Haben Sie einen interessanten Artikel, ein Video oder einen Tweet, der in unsere Wissensbasis gehört? Schreiben Sie uns an office@webconsulting.at.
Dieser Inhalt wurde teilweise mithilfe von KI erstellt.
