Startseite
Dokumentation
Login
Kontakt
EN
DE
Funktionsübersicht
Stand: Mai 2023
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.
Your browser does not support HTML5 video!
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.
Demo-Styleguide
Kontakt
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.