←  Alle Begriffe
V
Webflow

Visual Canvas

Ein Visual Canvas ist eine visuelle Arbeitsfläche, auf der Nutzer digitale Oberflächen direkt gestalten und ihr Ergebnis unmittelbar sehen können.

Ein Visual Canvas stellt Seiten, Komponenten und Zustände in ihrem räumlichen Zusammenhang dar. Nutzer können Elemente auswählen, anordnen und gestalten, ohne jede Änderung ausschließlich als Code einzugeben. In codebasierten Systemen schreibt der Canvas Änderungen idealerweise direkt in dieselbe Codebasis, die veröffentlicht wird.

Weiterlesen

Visual Development

Source by Webflow

Design System

Webflow Components

FAQ

Visual Canvas

Welche Grenzen hat ein Visual Canvas?
Komplexe Logik, Datenanbindungen und feine Performance-Optimierungen lassen sich meist besser im Code lösen. Auf dem Canvas droht zudem Wildwuchs, wenn Komponenten und Designregeln fehlen: Jede Person gestaltet dann anders. Ein Canvas ergänzt Entwicklung und Design-System, ersetzt aber keines von beiden.
Welchen Vorteil bringt ein Visual Canvas in codebasierten Systemen?
Schreibt der Canvas Änderungen direkt in die veröffentlichte Codebasis, entfällt die Übersetzung von Entwurf zu Umsetzung. Das reduziert Abweichungen und verkürzt Abstimmungen zwischen Design und Entwicklung. Der Vorteil gilt nur, wenn erzeugter Code lesbar bleibt und sich per Versionskontrolle prüfen lässt.
Worin unterscheidet sich ein Visual Canvas von einer Designdatei in Figma?
Eine Designdatei zeigt einen Entwurf, der noch in Code umgesetzt werden muss. Ein Visual Canvas in einem codebasierten System bearbeitet dagegen das, was tatsächlich veröffentlicht wird. Beide Formen haben ihren Platz: Die Designdatei eignet sich zum Erkunden von Ideen, der Canvas zum Bearbeiten des realen Produkts.