Tutorials

Wie man das Slice-Werkzeug in Figma verwendet

Erfahren Sie, wie Sie das Slice-Tool in Figma verwenden, um bestimmte Teile Ihres Designs zu exportieren. Schritt-für-Schritt-Anleitung für Designer zur Beschleunigung der Asset-Erstellung.

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

Schritt 1

Um zu beginnen, navigieren Sie zum Formatierungsmenü in Figma und klicken Sie auf die Option Regionalwerkzeuge.

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 der Maus das Objekt aus, das Sie zuschneiden 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 erhalten die Möglichkeit, die Slice zu exportieren.

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

Profi-Tipps zur Verwendung des Slice-Tools in Figma

  1. Schnell mit einer Verknüpfung aktivieren
    Drücken Sie S auf Ihrer Tastatur, um das Slice-Tool sofort zu aktivieren, ohne durch das Menü navigieren zu müssen.

  2. Geben Sie Ihren Slices klare Namen
    Vor dem Exportieren, geben Sie jeder Slice einen beschreibenden Namen im Ebenenbereich. 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 für eine schnellere Erstellung von Assets.

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

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

Häufige Fallstricke und wie man sie vermeidet

  1. Slices unnötig für gesamte Bildschirme verwenden
    Sie benötigen keine Slices, um ganze Rahmen zu exportieren – verwenden Sie die Exportoption direkt auf dem Rahmen, um Zeit zu sparen.

  2. Fehlgebildete Slice-Grenzen
    Wenn Slices vom Pixelraster abweichen, können Exporte verschwommen aussehen. Überprüfen Sie immer die Rasterausrichtung vor dem Exportieren.

  3. Vergessen, die Slice-Ebene auszuwählen
    Das Exportieren ohne Auswahl der Slice-Ebene funktioniert nicht. Stellen Sie sicher, dass die Slice selbst im Ebenenbereich hervorgehoben ist.

  4. Accidentally überlappende Slices
    Überlappungen können doppelte oder verwirrende Exporte verursachen. Halten Sie Slices getrennt, es sei denn, es ist beabsichtigt.

  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 FAQs zur Verwendung des Slice-Tools in Figma

  1. Wofür wird das Slice-Tool verwendet?
    Es ermöglicht Ihnen, spezifische Exportbereiche in Ihrem Design zu definieren, ohne das Layout zu beeinflussen. Perfekt für den Export von Symbolen, Schaltflächen oder benutzerdefinierten Abschnitten.

  2. Kann ich eine Slice nach dem Erstellen ändern?
    Ja, Slices sind bearbeitbar wie Formen. Ziehen Sie die Ecken oder passen Sie die Abmessungen im Eigenschaftenfeld an.

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

  4. Kann ich mehrere Slices auf einmal exportieren?
    Ja, wählen Sie mehrere Slices im Ebenenbereich 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 macht man einen Bildschirmaufnahme auf einem Mac? 
    Um einen Bildschirmaufnahme auf einem Mac zu machen, können Sie Trupeer AI verwenden. Es ermöglicht Ihnen, den gesamten Bildschirm aufzunehmen und bietet KI-Funktionen wie das Hinzufügen von KI-Avataren, Voiceover, und Zoom-in und Zoom-out im Video. Mit der KI-Videotranslationsfunktion von Trupeer können Sie das Video in mehr als 30 Sprachen übersetzen. 

  7. Wie füge ich einen KI-Avatar zu einer Bildschirmaufnahme hinzu?
    Um einen KI-Avatar zu einer Bildschirmaufnahme hinzuzufügen, müssen Sie ein KI-Bildschirmaufnahme-Tool verwenden. Trupeer AI ist ein KI-Bildschirmaufnahme-Tool, das Ihnen hilft, Videos mit mehreren Avataren zu erstellen und auch bei der Erstellung Ihres eigenen Avatars für das Video zu helfen.

  8. Wie macht man eine Bildschirmaufnahme auf Windows?
    Um eine Bildschirmaufnahme auf Windows zu machen, 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üge ich ein Voiceover zu einem Video hinzu?
    Um Voiceover zu Videos hinzuzufügen, laden Sie die Trupeer AI Chrome-Erweiterung herunter. Nachdem Sie sich angemeldet haben, laden Sie Ihr Video mit Stimme hoch, wählen Sie das gewünschte Voiceover aus Trupeer aus und exportieren Sie Ihr bearbeitetes Video. 

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

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

Schritt 1

Um zu beginnen, navigieren Sie zum Formatierungsmenü in Figma und klicken Sie auf die Option Regionalwerkzeuge.

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 der Maus das Objekt aus, das Sie zuschneiden 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 erhalten die Möglichkeit, die Slice zu exportieren.

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

Profi-Tipps zur Verwendung des Slice-Tools in Figma

  1. Schnell mit einer Verknüpfung aktivieren
    Drücken Sie S auf Ihrer Tastatur, um das Slice-Tool sofort zu aktivieren, ohne durch das Menü navigieren zu müssen.

  2. Geben Sie Ihren Slices klare Namen
    Vor dem Exportieren, geben Sie jeder Slice einen beschreibenden Namen im Ebenenbereich. 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 für eine schnellere Erstellung von Assets.

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

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

Häufige Fallstricke und wie man sie vermeidet

  1. Slices unnötig für gesamte Bildschirme verwenden
    Sie benötigen keine Slices, um ganze Rahmen zu exportieren – verwenden Sie die Exportoption direkt auf dem Rahmen, um Zeit zu sparen.

  2. Fehlgebildete Slice-Grenzen
    Wenn Slices vom Pixelraster abweichen, können Exporte verschwommen aussehen. Überprüfen Sie immer die Rasterausrichtung vor dem Exportieren.

  3. Vergessen, die Slice-Ebene auszuwählen
    Das Exportieren ohne Auswahl der Slice-Ebene funktioniert nicht. Stellen Sie sicher, dass die Slice selbst im Ebenenbereich hervorgehoben ist.

  4. Accidentally überlappende Slices
    Überlappungen können doppelte oder verwirrende Exporte verursachen. Halten Sie Slices getrennt, es sei denn, es ist beabsichtigt.

  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 FAQs zur Verwendung des Slice-Tools in Figma

  1. Wofür wird das Slice-Tool verwendet?
    Es ermöglicht Ihnen, spezifische Exportbereiche in Ihrem Design zu definieren, ohne das Layout zu beeinflussen. Perfekt für den Export von Symbolen, Schaltflächen oder benutzerdefinierten Abschnitten.

  2. Kann ich eine Slice nach dem Erstellen ändern?
    Ja, Slices sind bearbeitbar wie Formen. Ziehen Sie die Ecken oder passen Sie die Abmessungen im Eigenschaftenfeld an.

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

  4. Kann ich mehrere Slices auf einmal exportieren?
    Ja, wählen Sie mehrere Slices im Ebenenbereich 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 macht man einen Bildschirmaufnahme auf einem Mac? 
    Um einen Bildschirmaufnahme auf einem Mac zu machen, können Sie Trupeer AI verwenden. Es ermöglicht Ihnen, den gesamten Bildschirm aufzunehmen und bietet KI-Funktionen wie das Hinzufügen von KI-Avataren, Voiceover, und Zoom-in und Zoom-out im Video. Mit der KI-Videotranslationsfunktion von Trupeer können Sie das Video in mehr als 30 Sprachen übersetzen. 

  7. Wie füge ich einen KI-Avatar zu einer Bildschirmaufnahme hinzu?
    Um einen KI-Avatar zu einer Bildschirmaufnahme hinzuzufügen, müssen Sie ein KI-Bildschirmaufnahme-Tool verwenden. Trupeer AI ist ein KI-Bildschirmaufnahme-Tool, das Ihnen hilft, Videos mit mehreren Avataren zu erstellen und auch bei der Erstellung Ihres eigenen Avatars für das Video zu helfen.

  8. Wie macht man eine Bildschirmaufnahme auf Windows?
    Um eine Bildschirmaufnahme auf Windows zu machen, 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üge ich ein Voiceover zu einem Video hinzu?
    Um Voiceover zu Videos hinzuzufügen, laden Sie die Trupeer AI Chrome-Erweiterung herunter. Nachdem Sie sich angemeldet haben, laden Sie Ihr Video mit Stimme hoch, wählen Sie das gewünschte Voiceover aus Trupeer aus und exportieren Sie Ihr bearbeitetes Video. 

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

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator for free

Start creating videos with our AI Video + Doc generator for free

Start creating videos with our AI Video + Doc generator for free

Start creating videos with our AI Video + Doc generator

Make Videos with AI Avatars in 30+ languages

Experience the new & faster way of creating product videos.

Use TrupeerAI to create Videos with AI Avatars in 30+ languages seamlessly.

Experience the new & faster way of creating product videos.

Use TrupeerAI to create Videos with AI Avatars in 30+ languages seamlessly.

Experience the new & faster way of creating product videos.

Use TrupeerAI to create Videos with AI Avatars in 30+ languages seamlessly.