Verwenden von Avocode zum Überprüfen Ihrer Photoshop- und Sketch-Dateien

Im heutigen Tutorial werde ich Ihnen Avocode vorstellen, das von den "elf tapferen Männern und einer tapferen Frau" von Source entwickelt und kürzlich in der Version 1.0 veröffentlicht wurde. Avocode ist eine Anwendung, mit der Sie mit .psd- und .sketch-Dateien arbeiten können, ohne dabei Photoshop oder Sketch öffnen zu müssen.

Wir haben Avocode vor ein paar Monaten behandelt, aber damals befand es sich noch in der Beta-Phase und hat seitdem einige ernsthafte Funktionsüberholungen durchgemacht. In diesem Lernprogramm erfahren Sie, wie Sie mit der Avocode-Desktopanwendung arbeiten und die neuen Funktionen vorstellen. 

Teil 1. Erste Schritte

In diesem Teil des Tutorials zeige ich Ihnen, wie Sie mit Avocode Setup einrichten, Projekte erstellen, Photoshop- und Sketch-Dateien hochladen und dann mit diesen Dateien in der Avocode-Desktopanwendung arbeiten.

Teil 2. Code exportieren

In diesem Video zeige ich Ihnen, wie Sie CSS (zusammen mit Sass und Compass) direkt aus Ihren Photoshop- und Sketch-Dateien generieren. Wir werden auch einige Abkürzungen und eine Menge weiterer hilfreicher Funktionen betrachten. Lass uns anfangen!

Nützliche Ressourcen

  • avocode.com
  • @avocode auf Twitter
  • Avocode-Geschichten auf Medium