Matthew Ström, Design Director des Wall Street Journal, über etwas, das mir am Herzen liegt: die Verbindung zwischen Code und Design-Tools
Wir befinden uns inmitten einer Renaissance der Design-Tools. In den 8 Jahren seit der Veröffentlichung von Sketch 1.0 gab es eine Welle von Wettbewerb unter traditionellen Design-Tools. Und während die Anzahl der für Designer verfügbaren Tools exponentiell wächst, finden einst als Randerscheinung betrachtete Ideen ein breiteres Publikum.
Eine dieser Ideen wird die Art und Weise, wie digitale Produkte entworfen werden, grundlegend verändern: die tiefe Integration von Design und Code. Figma kann eine React-Codebasis in Echtzeit aktualisieren; InVision, Abstract und Zeplin haben auf Design-Entwickler-Übergabedokumente verzichtet; Framers neuer Framer X kann interaktive React-Komponenten direkt in seinen Arbeitsbereich rendern. Diese Beispiele sind nur ein Vorgeschmack auf das, was noch kommen wird.
Matthew betrachtet dann, wie diese Kombination aus Code und Design seinen eigenen Designprozess verbessert hat, insbesondere bei den "Story Cards", die auf der Homepage des WSJ erscheinen.
Ein kleiner Schuss NodeJS füllt die Karten mit Live-Daten von der Homepage von WSJ.com. Ich kann kleine Änderungen an Teilen der Komponente vornehmen und sehen, wie das System in Sekundenschnelle reagiert. Dieser multiplikative Prozess bedeutet, dass kleine Änderungen eine riesige Ausgabe haben, was meine Designs im Prozess viel umfassender macht.
Ich kann es wirklich kaum erwarten zu sehen, wie sich unsere Design-Tools entwickeln. Es ist eine äußerst spannende Zeit für Designer, die sich für Code interessieren.