Components AI

Ein Kernmerkmal ist die Möglichkeit, Markup-Vorlagen mit kuratierten Themes oder persönlichen Design-Tokens zu gestalten. Benutzer können ihre eigenen Design-Tokens importieren oder definieren, um die Konsistenz über alle Designs hinweg zu gewährleisten. Das Tool bietet dedizierte Funktionalitäten zur Erstellung zugänglicher Farbsysteme, responsiver Typografieskalen und geschichteter Schatten, was einen robusten Designprozess erleichtert. Der Markdown Publisher integriert generative Stile mit Markdown und bietet Syntax-Hervorhebung zur Anpassung des Erscheinungsbilds von Codebeispielen.

Die Plattform verfügt über eine wachsende Sammlung generativer Komponenten für UI- und Grafikdesign. Benutzer können eine Galerie responsiver Komponenten erkunden, durch generierte Designs blättern oder mit parametrischen Steuerelementen einzigartige Designs von Grund auf neu erstellen. Die 'Augment'-Funktion ermöglicht die Feinabstimmung von Designs durch Manipulation von Parametern, mit der Option, bevorzugte Eigenschaften zu sperren, um eine deutliche visuelle Sprache zu entdecken. Eine 'Navigate'-Funktion ermöglicht es Benutzern, zukünftige Ausgaben zu kuratieren, indem sie generierte Designs bewerten und unbegrenzte Iterationen speichern.

Components AI unterstützt den Export in mehreren Formaten, darunter React, JS, JSON, JSX, SVG, PNG, HTML, CSS, CSS-Custom-Properties und Sass. Eine Ein-Klick-Veröffentlichungsfunktion ermöglicht die sofortige Freigabe von Designs für Präsentationen oder zur Zusammenarbeit, einschließlich gehosteter Webseiten und Assets für Stile. Designs basieren auf Einschränkungen, halten sich an definierte Markenrichtlinien und ermöglichen benutzerdefinierte Überschreibungen. Der Import von Themes ermöglicht die sofortige Nutzung visueller Marken mit Optionen zur Überprüfung, Bearbeitung oder Steuerung generativer Komponentenbeschränkungen. Eine automatisierte Dokumentation zur Barrierefreiheit bietet schnelles visuelles Feedback zu Kontrastwerten und zugänglichen Kombinationen.

Responsive Themes sind eine Schlüsselkompetenz, die es Designs ermöglicht, Werte über definierte Breakpoints für Typografie, Layout und Abstände anzusteuern. Das Tool bietet vollständige Unterstützung für über 1000 Google Fonts und lokale Schriftarten, einschließlich Unterstützung für variable Schriftarten für eine granulare Kontrolle. Kuratierte Design-Assets und Presets sind zur Anpassung verfügbar. Tausende von Kreativen, darunter auch von Pentagram, nutzen Components AI. Die Plattform bietet auch Computational Theming für visuell zugängliche Farbpaletten und interaktive CSS-Lernmodule.