So verwenden Sie das Slice-Tool in Figma

Erfahren Sie, wie Sie das Slice-Tool in Figma verwenden, um bestimmte Teile eines Designs wie Icons, UI-Elemente oder Bereiche zu exportieren. Folgen Sie diesem kurzen Tutorial und erstellen Sie Anleitungen mit Trupeer.

Erstelle beeindruckende Produktvideos und Dokus mit KI

Dieses Tutorial wurde mit Trupeer in weniger als 5 Minuten erstellt

Kostenlos erstellen

Schritt-für-Schritt-Anleitung: So verwenden Sie das Slice-Tool in Figma

Schritt 1

Navigieren Sie zunächst im Formatierungsmenü in Figma zur Option für regionale Tools und klicken Sie darauf.

To begin, navigate to the formatting menu in Figma and click on the regional tools option.

Schritt 2

Wählen Sie aus den verfügbaren Optionen die Slice-Option aus, um das Tool zu aktivieren.

From the available options, select the slice option to activate the tool.

Schritt 3

Wählen Sie mit Ihrer Maus das Objekt aus, das Sie slicen möchten.

Using your mouse, select the object you want to slice.

Schritt 4

Klicken Sie auf die Export-Option, um fortzufahren.

Click on the export option to proceed further.

Schritt 5

Ihnen wird eine Option zum Exportieren des Slices angezeigt.

You will be presented with an option to export the slice.

Profi-Tipps zur Verwendung des Slice-Tools in Figma

  1. Schnell per Tastenkürzel aktivieren
    Drücken Sie S auf Ihrer Tastatur, um das Slice-Tool sofort zu aktivieren, ohne durch das Menü zu navigieren.

  2. Benennen Sie Ihre Slices klar
    Geben Sie vor dem Export jedem Slice im Ebenenbedienfeld einen aussagekräftigen Namen. So bleiben exportierte Dateien übersichtlich organisiert.

  3. Verwenden Sie Slices für den Stapel-Export
    Platzieren Sie mehrere Slices über verschiedenen Teilen Ihres Designs und exportieren Sie sie dann alle auf einmal, um schneller Assets zu erstellen.

  4. Slices am Pixelraster ausrichten
    Für scharfe Exporte sollten Ihre Slice-Grenzen auf ganze Pixel ausgerichtet sein. Verwenden Sie das Pixelraster (Ctrl + ‘ / Cmd + ‘), um die Ausrichtung zu überprüfen.

  5. Mit Export-Voreinstellungen kombinieren
    Richten Sie Export-Voreinstellungen (z. B. PNG @2x, JPG) für Ihre Slices ein, damit Sie Einstellungen wiederverwenden können, ohne sie jedes Mal anzupassen.

Häufige Fallstricke und wie man sie vermeidet

  1. Slices unnötigerweise für ganze Bildschirme verwenden
    Sie brauchen keine Slices, um ganze Frames zu exportieren — verwenden Sie die Export-Option direkt auf dem Frame, um Zeit zu sparen.

  2. Fehl ausgerichtete Slice-Grenzen
    Wenn Slices nicht auf dem Pixelraster liegen, können Exporte unscharf wirken. Überprüfen Sie vor dem Export immer die Rasterausrichtung.

  3. Vergessen, die Slice-Ebene auszuwählen
    Der Export funktioniert nicht, wenn Sie nicht die Slice-Ebene auswählen. Stellen Sie sicher, dass der Slice selbst im Ebenenbedienfeld markiert ist.

  4. Slices versehentlich überlappen lassen
    Überlappungen können zu doppelten oder verwirrenden Exporten führen. Halten Sie Slices getrennt, sofern dies nicht absichtlich so gewollt ist.

  5. Exportieren, ohne die Hintergründe zu prüfen
    Slices erfassen genau das, was sich darunter befindet. Wenn der Hintergrund nicht Teil der Auswahl ist, kann die exportierte Datei unvollständig sein.

Häufig gestellte Fragen zur Verwendung des Slice-Tools in Figma

  1. Wofür wird das Slice-Tool verwendet?
    Es ermöglicht Ihnen, bestimmte Exportbereiche in Ihrem Design festzulegen, ohne das Layout zu beeinflussen. Perfekt zum Exportieren von Symbolen, Schaltflächen oder benutzerdefinierten Abschnitten.

  2. Kann ich einen Slice nach dem Erstellen in der Größe ändern?
    Ja, Slices sind genauso bearbeitbar wie Formen. Ziehen Sie an den Ecken oder passen Sie die Abmessungen im Eigenschaftenbereich an.

  3. Beeinflussen Slices das Design?
    Nein, sie sind nur Exportmarkierungen und erscheinen nicht im endgültigen Design.

  4. Kann ich mehrere Slices gleichzeitig exportieren?
    Ja, wählen Sie mehrere Slices im Ebenenbereich aus und exportieren Sie sie gemeinsam.

  5. Werden Slices in Figma’s Browser-Version unterstützt?
    Ja, Sie können Slices sowohl in der Desktop- als auch in der Browser-Version von Figma erstellen und exportieren.

  6. Wie nimmt man den Bildschirm auf dem Mac auf? 
    Um den Bildschirm auf einem Mac aufzuzeichnen, können Sie Trupeer AI verwenden. Es ermöglicht Ihnen, den gesamten Bildschirm aufzuzeichnen und bietet KI-Funktionen wie das Hinzufügen von KI-Avataren, das Hinzufügen von Voiceover sowie das Vergrößern und Verkleinern im Video. Mit der KI-Videoübersetzungsfunktion von Trupeer können Sie das Video in über 30 Sprachen übersetzen. 

  7. Wie fügt man einer Bildschirmaufnahme einen KI-Avatar hinzu?
    Um einer Bildschirmaufnahme einen KI-Avatar hinzuzufügen, müssen Sie ein KI-Bildschirmaufzeichnungstool. verwenden. Trupeer AI ist ein KI-Bildschirmaufzeichnungstool, das Ihnen hilft, Videos mit mehreren Avataren zu erstellen, und Sie auch dabei unterstützt, Ihren eigenen Avatar für das Video zu erstellen.

  8. Wie nimmt man den Bildschirm unter Windows auf?
    Um unter Windows den Bildschirm aufzunehmen, können Sie die integrierte Game Bar (Windows + G) oder ein fortschrittliches KI-Tool wie Trupeer AI für erweiterte Funktionen wie KI-Avatare, Voiceover, Übersetzung usw. verwenden.

  9. Wie fügt man einem Video ein Voiceover hinzu?
    Um Voiceovers zu Videos hinzuzufügen, laden Sie die Chrome-Erweiterung von Trupeer AI herunter. Nach der Registrierung laden Sie Ihr Video mit Ton hoch, wählen das gewünschte Voiceover von Trupeer aus und exportieren Sie Ihr bearbeitetes Video. 

  10. Wie zoome ich in einer Bildschirmaufnahme hinein?
    Um während einer Bildschirmaufnahme hineinzuzoomen, verwenden Sie die Zoom-Effekte in Trupeer AI, mit denen Sie zu bestimmten Momenten hinein- und herauszoomen können, um die visuelle Wirkung Ihrer Videoinhalte zu verbessern.

Empfohlene Lektüre

Generator für technische Dokumentation

Benutzerhandbuch

Wissensdatenbank-Software

Wie man Rahmennamen in Figma ausblendet

Wie man eine Figma-Datei speichert

Wie man ein Raster in Figma erstellt

Wie man ein Raster in Figma erstellt

Wie man den Hintergrund in Figma unscharf macht

Brauchst du einen Videoeditor, Übersetzer und Drehbuchautor?

Trupeer kostenlos testen

Demo buchen

Brauchst du einen Videoeditor, Übersetzer und Drehbuchautor?

Trupeer kostenlos testen

Demo buchen

Brauchst du einen Videoeditor, Übersetzer und Drehbuchautor?

Trupeer kostenlos testen

Demo buchen