Funktionsübersicht
Basis-Funktionalitäten
- Verwaltung von Design-Projekten über strukturierte Arbeitsbereiche und Styleguides, Feedback-Funktionalitäten, Versionierung, Freigaben, Projekt-Status, Benutzerrechte u.v.m.
- Erstellung code-basierter, responsiver Design-Komponenenten
- Unterstützung von HTML, CSS und JavaScript
- Organisation der Komponenten über Drag-&-Drop-Menüs, Tags, Favoriten-, Sortier- und Suchfunktionen u.v.m.
- Auf diese Weise können Sie code-basierte Designsysteme erstellen und Ihre digitalen Assets verwalten.
Backend Funktionen
- Modulare Verschachtelung der Komponenten bis zu sechs Hierarchie-Ebenen möglich: Stile, Atome, Moleküle, Organismen, Segmente und Seiten-Templates
- Die meisten CSS/HTML-Angaben werden ohne Code-Eingabe über «Drag & Drop» Menüs und Autosuggests implementiert
- Alle Eingaben sind in verschiedenen Mass-Einheiten (px, rem, em, %) möglich
- Digitales Asset-Management: Hochladen und Verwalten eigener Fonts, Bilder und individuellen Code-Libraries
- Integration aller Google-Schriften (mit Vorschau-Funktion)
- Definition von Breakpoints für CSS-Media-Queries
- Responsive WYSIWYG-Vorschau der Komponenten
- Wählen Sie zwischen einen «mobile first» oder «desktop first» Aufbau.
Features der Styleguides
- Code Pattern Library: «Copy & Paste» des nativen Codes (HTML, CSS und JS) einzelner Komponenten
- Export/Download des gesamten Styleguides, der auch offline verwendet werden kann
- Die Styleguides zeigen alle Elemente «resonsive» an. Die Viewportgrösse können Sie über die Navigation steuern
- Einbindung von Anmerkungen, Labels und erläuternden Texten
- Autosuggest-Suche zum Auffinden der richtigen Komponente
- Benutzerdefinierte Startseite, individuelle Ebenen- und Kategorie-Bezeichnungen
- Optionaler Passwortschutz und Design-Anpassung des Styleguides
- Anzeige aller Assets und Elemente mit zusätzlichen Informationen, wie integrierte Elemente, Dateigrösse, Dimension, letzte Bearbeitung u.a.
- Seiten-Templates können in eigenen Fenstern geöffnet und evaluiert werden
- Es können zu jeder Komponente Kommentare abgegeben werden, so dass eine Feedback-Diskussion über jedes Designelement geführt werden kann.