So organisieren Sie Designdateien automatisch

Ein Design-Ordner füllt sich schnell. Ein einziges Projekt bringt Logo-Variationen in vier Formaten hervor, exportierte Mockups in verschiedenen Größen, ein PDF mit Brand Guidelines, Social-Media-Vorlagen, mit Feedback versehene Screenshots von Kunden und ein ganzes Moodboard voller Referenzbilder aus dem Web. Dateinamen wie hero_v6_final_FINAL.png beschreiben zwar die zeitliche Reihenfolge der Entstehung, helfen aber wenig weiter, wenn jemand nach der grünen Version des Banners vom letzten Frühjahr fragt.

Dieser Leitfaden zeigt, wie Designer Dateien und Referenzen üblicherweise organisieren, wo dabei der größte Pflegeaufwand entsteht und wie Sie Fabric so einrichten, dass Exporte und Referenzbilder nach ihrem visuellen Inhalt beschrieben und direkt beim Hinzufügen gruppiert werden.

Wie Designer ihre Designdateien normalerweise organisieren

Die meisten Studios nutzen eine Ordnerstruktur in Dropbox oder Google Drive: Kunde, dann Projekt, dann Unterordner für Quelldateien, Exporte und Referenzen. In Kombination mit einer Namenskonvention funktioniert das gut – solange die Personen da sind, die das System aufgesetzt haben. Designdateiformate verständlich erklärt erläutert, warum ein einzelnes Asset oft in mehreren Formaten vorliegt, was die Anzahl der korrekt abzulegenden Dateien vervielfacht.

Referenzbilder liegen meist an einem völlig anderen Ort. Pinterest-Boards, Are.na-Kanäle und Milanote-Boards eignen sich hervorragend zum Sammeln von Bildmaterial, und jedes Tool behält seine eigene Kopie. Bilder mit PDFs, Links und Notizen an einem einzigen, durchsuchbaren Ort zu kombinieren, ist jedoch der Punkt, an dem diese Tools an ihre Grenzen stoßen – und Referenzen aus einem Projekt schaffen es selten in das nächste.

Größere Teams steigen auf ein Digital-Asset-Management-System (DAM) mit Metadatenfeldern, Freigabestatus und Berechtigungen um. Das schafft Ordnung, erfordert jedoch Einrichtungszeit und jemanden, der für das Taggen jedes Uploads zuständig ist. So verwalten Sie Brand Assets beleuchtet dieses Ende des Spektrums ausführlicher.

Schritt 1: Designdateien auf dem Fabric-Laufwerk ablegen

Installieren Sie die Fabric Desktop-App, die Fabric als virtuelles Laufwerk auf dem Mac, unter Windows und Linux einbindet. Exportieren Sie direkt aus Ihrem Designtool in einen Ordner auf diesem Laufwerk oder verschieben Sie einen bestehenden Projektordner einfach wie jeden anderen Ordner. Dateien auf dem Laufwerk belegen keinen Speicherplatz auf Ihrem Computer und werden beim Öffnen gestreamt, was besonders bei großen Exporten und Bildbibliotheken hilft. Ein Team kann auf diese Weise über ein gemeinsam genutztes Laufwerk arbeiten.

Für im Internet gefundene Referenzen speichert die Browser-Erweiterung Bilder, einen Screenshot der Seite oder die gesamte Website. Für einzelne Assets funktioniert auch Drag-and-Drop oder „Datei hochladen“ in der App.

Schritt 2: Fabric den Inhalt jeder Datei analysieren lassen

Jede Datei wird direkt beim Eintreffen verarbeitet. Fabric erstellt Einbettungen (Embeddings), damit die Suche Inhalte nach ihrer Bedeutung abgleichen kann, verfasst eine kurze Zusammenfassung und extrahiert Attribute wie Inhaltstyp, Konzepte und Farben. Bei Bildern erfasst es sowohl den Bildinhalt als auch den darin enthaltenen Text. Ein Mockup wird so beispielsweise als mobiler Checkout-Bildschirm im Dark Mode mit einem orangefarbenen Call-to-Action erkannt – ganz egal, wie der Dateiname lautet. Außerdem schlägt es Tags vor, die Sie übernehmen können.

Auch Text in PDFs wird ausgelesen. Ein Brand-Guidelines-Dokument oder das Briefing eines Kunden wird wie jede andere Datei zusammengefasst, und eine Suche nach „Regeln für Logo-Schutzzone“ öffnet den Leitfaden direkt auf der entsprechenden Seite. Screenshots von Mitbewerber-Websites oder mit Anmerkungen versehenes Kundenfeedback werden genauso behandelt, sodass handschriftliche oder getippte Notizen auf einem Screenshot zusammen mit dem Bild selbst durchsuchbar sind.

Schritt 3: Intelligente Sammlungen für Asset-Typen einrichten

Erstellen Sie intelligente Sammlungen (Smart Collections) für Gruppen, auf die Sie immer wieder zugreifen: Logos, Social-Media-Vorlagen, Icons, Fotos, Verpackungsdesign oder die Marke eines bestimmten Kunden. Intelligente Sammlungen füllen sich basierend auf dem Inhalt automatisch. So wird ein neuer Logo-Export der Logos-Sammlung hinzugefügt, ohne dass ihn jemand dorthin ziehen muss – während dieselbe Datei gleichzeitig in ihrem Projektordner verbleibt.

Eine Sammlung für Referenzbilder funktioniert hervorragend neben Projektordnern. Inspirationen, die für ein bestimmtes Briefing gespeichert wurden, bleiben so auch für das nächste auffindbar, anstatt im Ordner eines abgeschlossenen Projekts in Vergessenheit zu geraten. Fügen Sie einer Referenz einen Kommentar hinzu, wenn der Grund für das Speichern nicht offensichtlich ist – beispielsweise die Schriftkombination oder das Raster, das Ihnen gefallen hat.

Schritt 4: Assets nach Farbe oder Ähnlichkeit finden

Drücken Sie Befehlstaste+F (Mac) / Strg+F (Windows), um die Suche zu öffnen. Um nach Farbe zu suchen, fügen Sie einen HEX-Code aus der Farbpalette der Marke ein oder wählen Sie eine Farbe mit der Farbpipette aus. Fabric zeigt daraufhin Dateien an, in denen diese Farbe vorkommt. Bilder nach Farbe suchen bietet weitere Details zu dieser Methode.

Wenn Sie ein Bild gefunden haben, das dem gewünschten Ergebnis nahekommt, wählen Sie es aus und starten Sie eine Ähnlichkeitssuche. Bei Bildern berücksichtigt die Ähnlichkeit Komposition, Farbe und Motiv. So liefert eine stimmungsvolle Produktaufnahme weitere Bilder mit vergleichbarer Beleuchtung und Bildkomposition. Jede Suche lässt sich zudem mit Filtern nach Tags, Speicherort oder Elementtyp kombinieren.

Schritt 5: Boards und Review-Phasen bei Bedarf nutzen

Strukturen sind in Fabric optional, allerdings eignen sich zwei Ansichten besonders für die Designarbeit. Auf einem Canvas können Sie Assets aus Ihrer Bibliothek neben Notizen, Links und Skizzen auf einem Board anordnen, wodurch ein dynamisches Moodboard entsteht. Ein Ordner lässt sich zudem in eine Kanban-Ansicht mit Spalten wie „Entwurf“, „In Überprüfung“ und „Freigegeben“ umschalten, wobei jede Karte die Datei selbst darstellt.

Für Kundenfeedback teilen Sie den Ordner einfach und weisen dem Kunden die Berechtigung „Kommentator“ zu. Kommentatoren können direkt auf einem Bild zeichnen und Kommentare an diese Markierungen anhängen. Sobald ein Punkt erledigt ist, können Sie den jeweiligen Kommentar als abgeschlossen markieren.

Häufig gestellte Fragen

Kann Fabric Bilder nach Farben finden?

Ja. Fügen Sie einen HEX-Code ein oder wählen Sie in der Suche eine Farbe mit der Farbpipette aus. Fabric liefert daraufhin Dateien zurück, in denen diese Farbe vorkommt.

Erkennt Fabric, was auf einem Bild zu sehen ist?

Ja. Die Suche umfasst sowohl den visuellen Inhalt von Bildern als auch darin enthaltenen Text. Zudem erhält jede Datei eine Zusammenfassung und extrahierte Attribute wie Farbangaben.

Wird das Speichern von Designdateien in Fabric meinen Laptop-Speicher überfüllen?

Nein. Dateien auf dem Fabric-Desktop-Laufwerk belegen keinen lokalen Speicherplatz auf Ihrem Computer und werden erst beim Öffnen gestreamt.

Muss ich jedes Asset manuell mit Tags versehen?

Nein. Fabric schlägt Tags vor und extrahiert Inhaltstyp, Konzepte sowie Farben automatisch, woraus sich die intelligenten Sammlungen speisen. Eigene Tags hinzuzufügen ist rein optional.

Kann ich Designs finden, die einem bereits vorhandenen ähnlich sind?

Ja. Wählen Sie die Datei einfach aus und führen Sie eine Ähnlichkeitssuche durch. Bei Bildern werden dabei Bildkomposition, Farbgebung und Motiv verglichen.

Kann mein Team eine gemeinsame Design-Bibliothek nutzen?

Ja. Teams können über die Desktop-App auf einem gemeinsamen Laufwerk arbeiten, wobei Rollen wie Betrachter, Kommentator, Bearbeiter und Administrator pro Bereich oder Datei festgelegt werden können. Pläne für Teams informiert über die Team-Preise, die nicht pro Nutzer abgerechnet werden.

Können Kunden Designdateien kommentieren?

Ja, über einen geteilten Link mit Kommentarrechten. Sie können Markierungen auf Bildern zeichnen und Kommentare hinterlassen, die Sie anschließend als erledigt markieren können.

Wie speichere ich Referenzbilder von Websites?

Verwenden Sie die Fabric-Browser-Erweiterung für Chrome, Safari oder Firefox. Damit lassen sich einzelne Bilder, Screenshots der Seite oder die gesamte Website speichern – und jedes Element wird wie jede andere Datei verarbeitet.