Tutorials

Wie man das Slice-Werkzeug in Figma verwendet

Lernen Sie, wie Sie das Slice-Werkzeug in Figma verwenden, um spezifische Teile eines Designs wie Icons, UI-Elemente oder Abschnitte zu exportieren. Befolgen Sie dieses kurze Tutorial und erstellen Sie Anleitungen mit Trupeer.

Beginnen Sie mit der Erstellung von Videos mit unserem KI-Video- und Dokumentengenerator.

Mit Trupeer anfangen

Beginnen Sie mit der Erstellung von Videos mit unserem KI-Video- und Dokumentengenerator.

Mit Trupeer anfangen

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

Schritt 1

Zuerst navigieren Sie zum Formatierungsmenü in Figma und klicken Sie auf die Option für regionale Tools.

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, 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 schneiden möchten.

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

Schritt 4

Klicken Sie auf die Exportoption, um fortzufahren.

Click on the export option to proceed further.

Schritt 5

Sie werden mit einer Option zum Exportieren des Slices konfrontiert.

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

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

Schritt 1

Zuerst navigieren Sie zum Formatierungsmenü in Figma und klicken Sie auf die Option für regionale Tools.

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, 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 schneiden möchten.

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

Schritt 4

Klicken Sie auf die Exportoption, um fortzufahren.

Click on the export option to proceed further.

Schritt 5

Sie werden mit einer Option zum Exportieren des Slices konfrontiert.

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

Beginnen Sie kostenlos mit der Erstellung von Videos mit unserem AI Video + Doc-Generator.

Erkunde Trupeer

Beginnen Sie kostenlos mit der Erstellung von Videos mit unserem AI Video + Doc-Generator.

Erkunde Trupeer

Profi-Tipps zur Verwendung des Slice-Tools in Figma

  1. Aktivieren Sie schnell mit der Verknüpfung
    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
    Vor dem Export sollten Sie jedem Slice einen beschreibenden Namen im Ebenenfenster geben. Dies hilft, exportierte Dateien organisiert zu halten.

  3. Verwenden Sie Slices für den Batch-Export
    Platzieren Sie mehrere Slices über verschiedene Teile Ihres Designs und exportieren Sie sie dann alle auf einmal, um die Erstellung von Assets zu beschleunigen.

  4. Richten Sie Slices am Pixelraster aus
    Für scharfe Exporte sollten Sie sicherstellen, dass die Grenzen Ihrer Slices mit ganzen Pixeln übereinstimmen. Verwenden Sie das Pixelraster (Strg + ‘ / Cmd + ‘), um die Ausrichtung zu überprüfen.

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

Typische Fallstricke und wie man sie vermeidet

  1. Verwendung von Slices für gesamte Bildschirme unnötig
    Sie benötigen keine Slices, um ganze Rahmen zu exportieren - verwenden Sie die Export-Option direkt am Rahmen, um Zeit zu sparen.

  2. Falsch ausgerichtete Slice-Grenzen
    Wenn Slices vom Pixelraster abweichen, können Exporte unscharf aussehen. Überprüfen Sie immer die Rasterausrichtung vor dem Export.

  3. Vergessen, die Slice-Ebene auszuwählen
    Ein Versuch, ohne Auswahl der Slice-Ebene zu exportieren, wird nicht funktionieren. Stellen Sie sicher, dass das Slice selbst im Ebenenfenster markiert ist.

  4. Überlappende Slices aus Versehen
    Überlappungen können doppelte oder verwirrende Exporte verursachen. Halten Sie Slices getrennt, es sei denn, dies ist absichtlich.

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

Profi-Tipps zur Verwendung des Slice-Tools in Figma

  1. Aktivieren Sie schnell mit der Verknüpfung
    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
    Vor dem Export sollten Sie jedem Slice einen beschreibenden Namen im Ebenenfenster geben. Dies hilft, exportierte Dateien organisiert zu halten.

  3. Verwenden Sie Slices für den Batch-Export
    Platzieren Sie mehrere Slices über verschiedene Teile Ihres Designs und exportieren Sie sie dann alle auf einmal, um die Erstellung von Assets zu beschleunigen.

  4. Richten Sie Slices am Pixelraster aus
    Für scharfe Exporte sollten Sie sicherstellen, dass die Grenzen Ihrer Slices mit ganzen Pixeln übereinstimmen. Verwenden Sie das Pixelraster (Strg + ‘ / Cmd + ‘), um die Ausrichtung zu überprüfen.

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

Typische Fallstricke und wie man sie vermeidet

  1. Verwendung von Slices für gesamte Bildschirme unnötig
    Sie benötigen keine Slices, um ganze Rahmen zu exportieren - verwenden Sie die Export-Option direkt am Rahmen, um Zeit zu sparen.

  2. Falsch ausgerichtete Slice-Grenzen
    Wenn Slices vom Pixelraster abweichen, können Exporte unscharf aussehen. Überprüfen Sie immer die Rasterausrichtung vor dem Export.

  3. Vergessen, die Slice-Ebene auszuwählen
    Ein Versuch, ohne Auswahl der Slice-Ebene zu exportieren, wird nicht funktionieren. Stellen Sie sicher, dass das Slice selbst im Ebenenfenster markiert ist.

  4. Überlappende Slices aus Versehen
    Überlappungen können doppelte oder verwirrende Exporte verursachen. Halten Sie Slices getrennt, es sei denn, dies ist absichtlich.

  5. Exportieren ohne Hintergründe zu überprü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äufige 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 zu definieren, ohne das Layout zu beeinflussen. Perfekt zum Exportieren von Symbolen, Schaltflächen oder benutzerdefinierten Abschnitten.

  2. Kann ich einen Slice nach der Erstellung ändern?
    Ja, Slices sind ebenso editierbar wie Formen. Ziehen Sie die Ecken oder passen Sie die Abmessungen im Eigenschaften-Panel an.

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

  4. Kann ich mehrere Slices auf einmal exportieren?
    Ja, wählen Sie mehrere Slices im Ebenen-Panel aus und exportieren Sie sie zusammen.

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

  6. Wie zeichnet man den Bildschirm auf einem Mac auf? 
    Um den Bildschirm auf einem Mac aufzuzeichnen, können Sie Trupeer AI verwenden. Es ermöglicht Ihnen, den gesamten Bildschirm zu erfassen und bietet KI-Funktionen wie das Hinzufügen von KI-Avataren, das Hinzufügen von Sprachausgaben, das Hinein- und Herauszoomen im Video. Mit der KI-Videoübersetzungsfunktion von trupeer können Sie das Video in über 30 Sprachen übersetzen. 

  7. Wie füge ich einen KI-Avatar zur Bildschirmaufnahme hinzu?
    Um einen KI-Avatar zur Bildschirmaufnahme 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 auch dabei hilft, Ihren eigenen Avatar für das Video zu erstellen.

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

  9. Wie füge ich eine Sprachausgabe zu einem Video hinzu?
    Um Sprachausgaben zu Videos hinzuzufügen, laden Sie die Trupeer AI Chrome-Erweiterung herunter. Nachdem Sie sich angemeldet haben, laden Sie Ihr Video mit Sprache hoch, wählen die gewünschte Sprachausgabe von Trupeer und exportieren Ihr bearbeitetes Video. 

  10. Wie zoome ich bei einer Bildschirmaufnahme?
    Um während einer Bildschirmaufnahme zu zoomen, verwenden Sie die Zoom-Effekte in Trupeer AI, mit denen Sie an bestimmten Stellen hinein- und herauszoomen können, um die visuelle Wirkung Ihres Videoinhalts zu verbessern.

Vorgeschlagene Lektüre

Technische Dokumentationsgenerator

Benutzerhandbuch

Wissensdatenbank-Software

So verstecken Sie Rahmennamen in Figma

So speichern Sie eine Figma-Datei

So erstellen Sie ein Raster in Figma

So erstellen Sie ein Raster in Figma

So verwischen Sie den Hintergrund in Figma

Häufige 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 zu definieren, ohne das Layout zu beeinflussen. Perfekt zum Exportieren von Symbolen, Schaltflächen oder benutzerdefinierten Abschnitten.

  2. Kann ich einen Slice nach der Erstellung ändern?
    Ja, Slices sind ebenso editierbar wie Formen. Ziehen Sie die Ecken oder passen Sie die Abmessungen im Eigenschaften-Panel an.

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

  4. Kann ich mehrere Slices auf einmal exportieren?
    Ja, wählen Sie mehrere Slices im Ebenen-Panel aus und exportieren Sie sie zusammen.

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

  6. Wie zeichnet man den Bildschirm auf einem Mac auf? 
    Um den Bildschirm auf einem Mac aufzuzeichnen, können Sie Trupeer AI verwenden. Es ermöglicht Ihnen, den gesamten Bildschirm zu erfassen und bietet KI-Funktionen wie das Hinzufügen von KI-Avataren, das Hinzufügen von Sprachausgaben, das Hinein- und Herauszoomen im Video. Mit der KI-Videoübersetzungsfunktion von trupeer können Sie das Video in über 30 Sprachen übersetzen. 

  7. Wie füge ich einen KI-Avatar zur Bildschirmaufnahme hinzu?
    Um einen KI-Avatar zur Bildschirmaufnahme 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 auch dabei hilft, Ihren eigenen Avatar für das Video zu erstellen.

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

  9. Wie füge ich eine Sprachausgabe zu einem Video hinzu?
    Um Sprachausgaben zu Videos hinzuzufügen, laden Sie die Trupeer AI Chrome-Erweiterung herunter. Nachdem Sie sich angemeldet haben, laden Sie Ihr Video mit Sprache hoch, wählen die gewünschte Sprachausgabe von Trupeer und exportieren Ihr bearbeitetes Video. 

  10. Wie zoome ich bei einer Bildschirmaufnahme?
    Um während einer Bildschirmaufnahme zu zoomen, verwenden Sie die Zoom-Effekte in Trupeer AI, mit denen Sie an bestimmten Stellen hinein- und herauszoomen können, um die visuelle Wirkung Ihres Videoinhalts zu verbessern.

Vorgeschlagene Lektüre

Technische Dokumentationsgenerator

Benutzerhandbuch

Wissensdatenbank-Software

So verstecken Sie Rahmennamen in Figma

So speichern Sie eine Figma-Datei

So erstellen Sie ein Raster in Figma

So erstellen Sie ein Raster in Figma

So verwischen Sie den Hintergrund in Figma

Beginnen Sie mit der Erstellung von Videos mit unserem KI-Video- und Dokumentengenerator.

Mit Trupeer anfangen

Beginnen Sie mit der Erstellung von Videos mit unserem KI-Video- und Dokumentengenerator.

Mit Trupeer anfangen

Beginnen Sie mit der Erstellung von Videos mit unserem KI-Video- und Dokumentengenerator.

Starten Sie Ihre kostenlose Testversion

Sofortige KI-Produktvideos und -dokumente aus groben Bildschirmaufnahmen

Jetzt kostenlos starten

Jetzt kostenlos starten

Experience the new & faster way of creating product videos.

Instant AI Product Videos and Docs from Rough Screen Recordings.

Jetzt kostenlos starten

Jetzt kostenlos starten

Experience the new & faster way of creating product videos.

Instant AI Product Videos and Docs from Rough Screen Recordings.

Jetzt kostenlos starten

Jetzt kostenlos starten

Experience the new & faster way of creating product videos.

Instant AI Product Videos and Docs from Rough Screen Recordings.

Jetzt kostenlos starten

Jetzt kostenlos starten