Der „normale“ Arbeitsablauf, den wir alle kennen, ist, dass zuerst das Design stattfindet, dann die Codierung. Ein gesunder Arbeitsablauf beinhaltet einen Austausch zwischen allen Beteiligten eines Projekts, einschließlich Designern und Entwicklern, aber dennoch: Der Code ist das Endprodukt. Man gestaltet sich zum Code hin, man codiert sich nicht zu den Designs.
Es ist noch etwas mehr als einen Monat her, als die Nachricht die Runde machte, dass Sketch 43 auf ein .JSON-Dateiformat umstellt. Die finalen Release Notes verkünden die Nachricht ganz beiläufig
Überarbeitetes Dateiformat
Aber Jasim A Basheer hat zu Recht großes Aufhebens darum gemacht
… es wird die Art und Weise, wie das Spiel der Designtools in den kommenden Jahren gespielt wird, grundlegend verändern.
„ermöglicht leistungsfähigere Integrationen für Drittentwickler“ ist eine Untertreibung. Das haben die netten Leute von Bohemian Coding getan – sie haben das Dateiformat von Sketch in ein sauberes JSON geöffnet, so dass jeder Sketch-kompatible Dateien erstellen und bearbeiten kann.
„Interessant“, dachte ich mir. „Das ist wie eine API zu einem Designdokument. Ich frage mich, wie sich das entwickeln wird.“ Wenig ahnte ich, dass nur Wochen später ein wirklich leistungsfähiges Tool erscheinen würde.
… ein Tool vorstellen, das wir entwickelt haben, um die Lücke zwischen Designern und Ingenieuren zu schließen, die an Designsystemen im großen Maßstab arbeiten. React-sketchapp ist eine Open-Source-Bibliothek, die es Ihnen ermöglicht, React-Komponenten zu schreiben, die in Sketch-Dokumente gerendert werden.
Es lohnt sich, eines ihrer Videos hier einzubetten
Designs per Code gestalten! Was immer mehr Sinn ergibt, da Design-Tools und Code-Tools bei den Konzepten konvergieren
In Sketch verwenden wir Symbole und Overrides, in React verwenden wir Komponenten und Eigenschaften. Die Konzepte sind so ähnlich, dass es unsinnig erschien, sie nicht zu vereinheitlichen.
Betonung von Jon.
Wir wollten auch die Wahrheitsquellen minimieren. Warum eine separate Bibliothek von handgezeichneten Komponenten in Sketch aufbewahren, wenn wir sie bereits als das reale Ding implementiert haben, das täglich von Millionen von Menschen genutzt wird?
Je weniger Wahrheitsquellen wir für ein Designsystem haben, desto effizienter sind wir.