8 Einträge
Schlagwort: design-tokensRepository:per-simmons/clone-app-pat-pro-public
clone-app-pat-pro ist ein Skill für Claude Code, der Web-Apps anhand einer URL exakt nachbaut. Statt Layouts anhand von Screenshots zu schätzen, analysiert das Tool den realen gerenderten Code, extrahiert Design-Tokens, lädt Assets herunter und prüft die Kopie automatisiert über berechnete CSS-Werte.
245SterneJavaScript
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:Adham Dannaway
Adham Dannaway hat eine neue Ressource zur Benennung von Design Tokens vorgestellt. Der Leitfaden bietet Anleitungen für die Namensgebung und den Aufbau eigener Token-Systeme.
305Lesezeichen12.620Aufrufe
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
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:eyedropper.design
Eyedropper extrahiert Design-Tokens wie Farben, Typografie und Abstände direkt aus bestehendem Code und stellt diese KI-Agenten über das Model Context Protocol (MCP) zur Verfügung. Generierter Frontend-Code wird automatisch gegen das Design-System validiert, um Abweichungen vom Markenauftritt zu verhindern.
Aus Video: Eyedropper: Design Systems and Automated UI Verification for AI Agents
Repository:kielchang/dooping-design-book
Dooping Design Book ist eine quelloffene, praxisnahe Designsprache und Komponenten-Referenz für Administrations- und Backend-Systeme. Das Projekt trennt Design-Tokens, kopierbare React-Komponenten und dokumentierte Interaktionsmuster strikt voneinander, um branchenspezifischen Ballast zu vermeiden.
33SterneTypeScript
Aus X-Post: AI Video-Driven Web Animations: oil-oil's Design Engineering Workflow
8 von 8 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.
