Wir haben die statische Demodatei von Bohemian Codings mit Bootstrap 4 neu erstellt

Bohemian Codings neue überarbeitete Website für Sketch App ist super schick. Wir mögen es sehr.

Es sieht aus wie das:

Vor Sketch2React

An einem besonderen großartigen Tag hatten wir die lustige Idee, dieses Ding, das Sie im Hintergrund sehen, als .sketch-Datei neu zu erstellen. Das an sich ist für manche ziemlich amüsant. Aber warum hier aufhören? Wir sind die Leute hinter Sketch2React, verdammt noch mal, also haben wir ihm die Superkräfte von Bootstrap 4 verliehen! Direkt in Sketch. Verwenden von Textbefehlen in den Ebenen.

Nach Sketch2React

Wir haben dies aus mehreren Gründen getan

  • Es macht Spaß, solche Herausforderungen zu meistern
  • Es ist eine großartige Möglichkeit, Ihnen (und uns) zu zeigen, was Sie mit unserem Framework tun können
  • Wir erfahren, welche Einschränkungen bestehen und was wir zu unserem Framework hinzufügen müssen, damit das Leben von Designern und Entwicklern langlebig wird
  • Dies ist eine sehr effektive Methode, um zu zeigen, was Sie heute wirklich können

Holen Sie sich die Datei und probieren Sie es aus – Boom 💥

Sketch2React.io
Sketch2React ** ist ein .sketchplugin und eine React-Webanwendung, die Sketch-Designdateien in Prototyp-React-Code konvertiert. Das… sketch2react.io

Ein extra Dank geht an Jörgen Gedeon, der uns geholfen hat, all diese Unsplash-Bilder zu finden 😃🙌

Wie lange hat das gedauert?

Wir haben unseren Bildschirm aufgezeichnet, vielleicht machen wir einen Schnelldurchlauf des gesamten Prozesses, vielleicht machen wir es nicht 😉💎

  • 🌈 Das Entwerfen dauerte ca. 1 Stunde
  • 🚍 Assets exportieren ~ 5 Minuten
  • 🧐 Denken ~ 1 Stunde
  • 🔎 Auffinden von Unsplash-Bildern ~ 1 Stunde
  • 🤯 Den Code-Teil in Sketch machen ~ 45 min

Schau es dir im Code an

https://sketch2react.io/demoupload/thejetsetdemo/index.html