Um Symbole in Figma hinzuzufügen, können Sie entweder die integrierte Symbolbibliothek verwenden oder Ihre eigenen benutzerdefinierten Symbole importieren.
Verwendung der integrierten Symbolbibliothek
1. Wählen Sie den Rahmen oder das Objekt aus, dem Sie das Symbol hinzufügen möchten.
2. Klicken Sie in der linken Seitenleiste auf die Registerkarte „Symbole“.
3. Durchsuchen Sie die verfügbaren Symbole und klicken Sie auf das Symbol, das Sie hinzufügen möchten.
4. Das Symbol wird dem ausgewählten Rahmen oder Objekt hinzugefügt.
Benutzerdefinierte Symbole importieren
1. Laden Sie die SVG-Datei des Symbols herunter, das Sie importieren möchten.
2. Ziehen Sie die SVG-Datei per Drag &Drop auf die Figma-Leinwand.
3. Das Symbol wird als Komponente importiert.
4. Sie können die Komponente nun per Drag &Drop auf einen beliebigen Rahmen oder ein beliebiges Objekt ziehen.
Symbole anpassen
Sobald Sie Ihrem Design ein Symbol hinzugefügt haben, können Sie es anpassen, indem Sie seine Farbe, Größe oder Drehung ändern.
Um die Farbe eines Symbols zu ändern, wählen Sie es einfach aus und klicken Sie auf das Farbfeld „Füllen“ in der linken Seitenleiste. Anschließend können Sie im Farbwähler eine neue Farbe auswählen.
Um die Größe eines Symbols zu ändern, wählen Sie es aus und ziehen Sie die Griffe des Begrenzungsrahmens. Sie können auch einen bestimmten Größenwert in die Felder „Breite“ und „Höhe“ in der linken Seitenleiste eingeben.
Um ein Symbol zu drehen, wählen Sie es aus und klicken Sie auf das Symbol „Rotation“ in der linken Seitenleiste. Anschließend können Sie im Feld „Winkel“ einen bestimmten Rotationswert eingeben.
Icons in Prototypen verwenden
Sie können Symbole auch in Prototypen verwenden, um interaktive Schaltflächen und Links zu erstellen.
Um eine interaktive Schaltfläche zu erstellen, fügen Sie einfach ein Symbol zu einem Frame hinzu und klicken Sie dann auf die Registerkarte „Interaktionen“ in der linken Seitenleiste. Wählen Sie im Abschnitt „Beim Klicken“ die Option „Navigieren zu“ und wählen Sie dann den Frame aus, zu dem die Schaltfläche verlinken soll.
Um einen interaktiven Link zu erstellen, fügen Sie einfach ein Symbol zu einem Textobjekt hinzu und klicken Sie dann auf die Registerkarte „Interaktionen“ in der linken Seitenleiste. Wählen Sie im Abschnitt „Beim Klicken“ die Option „URL öffnen“ und geben Sie dann die URL ein, die der Link öffnen soll.
