Figma-Integration

Integriere ClickUp und Figma, um deinen Design-Workflow zu optimieren. Führe Figma-spezifische Befehle über die KI-Befehlsleiste aus und bette Figma-Inhalte in ClickUp ein.

Was du brauchst

Persönliche Figma-Verbindungen

Die folgenden Funktionen und Befehle stehen dir zur Verfügung, sobald du eine persönliche Verbindung mit Figma eingerichtet hast:

Verbindungstyp Beschreibung Funktionen Befehle
Persönliche Verbindung Verbinde dein Figma-Konto mit deinem ClickUp-Benutzerkonto für jeden Workspace, den du erstellt hast oder dem du beigetreten bist. Die Daten in deinem Figma-Konto sind für andere Personen nicht über ClickUp zugänglich. Figma-Links in ClickUp als Vorschau anzeigen: Link-Vorschauen zeigen dir live synchronisierte Visualisierungen von Links direkt in ClickUp an.
App-Panel in der Aufgabenansicht: Zeige Links aus Figma an einem zentralen Ort in der Aufgabenansicht an.
Befehl „Figma öffnen": Öffnet Figma in einem neuen Tab.
Neue Figma-Datei erstellen: Erstellt ein neues Figma-Design.
Neues Figma Jam erstellen: Erstellt ein neues Jam.

Figma verbinden

Erfahre, wie du die Figma-Integration einrichtest, in deinem Workspace.

Figma-Link-Vorschauen

Wenn du einen Figma-Link mitten in einem Satz oder in vorhandenem Text einfügst, wird eine Inline-Link-Vorschau angezeigt, über die du für weitere Details hovern kannst.

Wenn du einen Figma-Link in einer neuen Zeile einfügst, kannst du wählen, ob er inline, als Live-Vorschau oder als reguläre URL angezeigt werden soll.

Link-Vorschauen funktionieren in Aufgabenbeschreibungen, Kommentaren, Docs und Chat-Nachrichten. Um den Vorschautyp eines Links manuell zu ändern, fahre mit der Maus darüber und klicke auf das Symbol Ellipsis ….

Wenn du den Typ Vorschau auswählst, erzeugen die folgenden Figma-URL-Typen dynamische Vorschauen:

  • Dateien
  • Projekte
  • Prototypen
  • Frames
  • FigJams

Diese Vorschauen enthalten die folgenden Informationen:

  • Miniaturansicht
  • Dateiname
  • Dateityp
  • Zeitpunkt der letzten Änderung der Datei
  • Dateistandort

Screenshot einer Figma-Link-Vorschau.

Figma-App-Panel in der Aufgabenansicht

Nachdem du deinen ersten Figma-Link in einer Aufgabenbeschreibung oder einem Kommentar eingefügt hast, siehst du ein neues Figma-Symbol in der rechten Seitenleiste deiner Aufgabenansicht. Du kannst jederzeit auf dieses Symbol klicken, um alle in der Aufgabe geposteten Figma-Links anzuzeigen.

Vorschauen werden nach Typ gruppiert. Mit den Symbolen oben rechts kannst du zwischen Raster- und Tabellenlayout wechseln.

Figma-Integration trennen

Wenn du nicht mehr auf Figma-Dateien in ClickUp zugreifen möchtest, kannst du die Integration über das App Center trennen:

  1. Suche nach Figma und wähle es aus.
  2. Klicke neben Verbunden auf das Menü Ellipsis ....
  3. Wähle Trennen aus.
  4. Klicke zur Bestätigung auf Trennen.

OAuth-Scopes

Die folgende Tabelle enthält alle OAuth-Scopes für die Figma-Integration, damit du vor der Aktivierung in deinem Workspace fundierte Entscheidungen zu Sicherheit und Compliance treffen kannst.

Scope Beschreibung
files:read Ermöglicht das Lesen von Datei- und Projektmetadaten sowie Dokumenten, um Figma-Inhalte in ClickUp zu indexieren und anzuzeigen