33 Einträge
Schlagwort: figmaLink:Griffin Wooldridge
Griffin Wooldridge stellt einen Leitfaden für UI- und Web-Designer vor, der zeigt, wie Claude Code, Cursor und Codex mit MCP-Servern, Designregeln und Referenzen konfiguriert werden, um generische Entwürfe zu vermeiden.
Aus Video: UI Libraries for Claude Code: Avoiding the Default AI Aesthetic
Link:designeng.tools
DesignEng bündelt über 240 kuratierte Werkzeuge, Komponentenbibliotheken, Farbgeneratoren und Inspirationen für Design Engineers. Die Sammlung fokussiert sich stark auf moderne Frontend-Stacks sowie die Integration mit KI-Coding-Tools.
Aus X-Post: Curated Resources for Interactive UI/UX Design
X-Post:M A L
Designer M A L hat eine kostenlose Sammlung aus 62 Diagrammkomponenten für Dashboards und Web-Apps veröffentlicht. Die Ressourcen stehen als Figma-Datei, Code oder zur Anbindung via MCP (Model Context Protocol) bereit. Das Toolkit richtet sich an Entwickler und UI/UX-Designer, die Datenvisualisierungen schnell umsetzen möchten.
5279Lesezeichen221.248Aufrufe
Repository:open-pencil/open-pencil
OpenPencil ist ein quelloffener, programmierbarer Design-Editor unter MIT-Lizenz, der native Figma- (.fig) und Pencil-Dateien (.pen) verarbeiten kann. Neben typischen UI-Design-Funktionen wie Komponenten und Varianten integriert das Tool KI-Agenten, CLI-Automatisierung sowie Code- und Token-Exporte.
9087SterneTypeScript
Aus Video: GitHub Trending: Emerging Open-Source Tools for AI Agents and Developers
VideoVideo:CURT
Die wöchentliche Open-Source-Übersicht von CURT stellt zwanzig Entwicklerwerkzeuge und Frameworks auf GitHub vor. Der Schwerpunkt liegt auf Infrastruktur für KI-Coding-Agenten, Sandboxing, lokaler Produktivität sowie Entwicklungs- und Design-Tools.
Link:Kargul Studio
Kargul Studio ist eine Design- und Engineering-Agentur, die sich auf Branding, UI/UX-Design und Full-Stack-Produktentwicklung für Start-ups, Scale-ups und Enterprise-Produkte spezialisiert hat. Das Team setzt ausschließlich auf erfahrene Senior-Kräfte und bietet neben Projektumsetzungen auch eine einwöchige Testphase für 2.500 US-Dollar an.
Aus X-Post: Marcel Kargul Open-Sources Next.js Workflow Editor
Link:Marcelo
HorizonX bietet eine kuratierte Bibliothek aus UI-Kits, Figma-Vorlagen, WebGL-Szenen und Shaders für Frontend-Entwickler und Designer. Die Ressourcen umfassen interaktive 3D-Komponenten sowie Editoren für Bildeffekte im Browser.
Aus X-Post: Design Resources for AI Coding: Curated UI Pattern Inspiration
Link:weekly10x.com
WEEKLY10x ist ein kostenloser, wöchentlicher Newsletter, der praxisnahe KI-Workflows, Systeme und Tools für Design und Entwicklung vorstellt.
Aus Video: Video Creation with Opus 5.5: Code Rendering, Audio Sync, and Iterative Critique Loops
Link:Gxuri
Skiper UI bietet über 106 interaktive UI-Komponenten, die direkt über das ShadCN CLI in Next.js-Projekte integriert werden können. Die Bibliothek setzt auf Ein-Datei-Komponenten und Animationen mit Motion.dev.
Aus X-Post: Curated UI Resources for Design Engineers
Link: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.
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
24 von 33 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.
