Figma für Einsteiger: Schritt-für-Schritt Anleitung

Figma ist ein webbasiertes Design-Tool für User Interface Design und Prototyping. Mit diesem Leitfaden beherrschen Sie die wichtigsten Funktionen und erstellen Ihr erstes Design-Projekt.

1. Kostenloses Konto erstellen. Gehen Sie zu figma.com und klicken Sie auf 'Sign up for free'. Geben Sie Ihre E-Mail-Adresse ein und erstellen Sie ein Passwort. Bestätigen Sie Ihre E-Mail-Adresse über den Link, den Figma Ihnen zusendet.
2. Erste Design-Datei anlegen. Klicken Sie im Figma-Dashboard auf das Plus-Symbol und wählen Sie 'Design file'. Ein neues Browser-Fenster öffnet sich mit der Figma-Benutzeroberfläche. Benennen Sie Ihr Projekt um, indem Sie oben links auf 'Untitled' klicken.
3. Benutzeroberfläche verstehen. Links finden Sie die Werkzeugleiste mit Auswahl-, Form- und Text-Tools. In der Mitte liegt die Arbeitsfläche für Ihre Designs. Rechts befinden sich die Design- und Prototype-Panels mit Eigenschaften und Einstellungen.
4. Frame erstellen. Klicken Sie auf das Frame-Tool in der Werkzeugleiste oder drücken Sie 'F'. Wählen Sie rechts im Design-Panel eine Vorlage wie 'iPhone 14 Pro' oder ziehen Sie einen eigenen Rahmen auf der Arbeitsfläche auf. Der Frame dient als Container für Ihr Design.
5. Grundformen hinzufügen. Wählen Sie das Rechteck-Tool mit 'R' oder klicken Sie auf das entsprechende Symbol. Zeichnen Sie Formen in Ihren Frame. Ändern Sie Farben im rechts stehenden Fill-Bereich des Design-Panels. Runde Ecken erstellen Sie mit dem Radius-Regler.
6. Text einfügen und formatieren. Drücken Sie 'T' für das Text-Tool und klicken Sie in Ihren Frame. Geben Sie Text ein und formatieren Sie ihn über das Design-Panel rechts. Ändern Sie Schriftart, Größe, Farbe und Ausrichtung nach Ihren Wünschen.
7. Objekte auswählen und bearbeiten. Klicken Sie auf Objekte, um sie auszuwählen. Ziehen Sie an den Eckpunkten, um die Größe zu ändern. Bewegen Sie Objekte durch Ziehen. Verwenden Sie die Ebenen-Liste links, um Objekte zu organisieren und ihre Reihenfolge zu ändern.
8. Design exportieren. Wählen Sie den Frame oder einzelne Objekte aus. Klicken Sie rechts unten auf das Export-Panel. Wählen Sie das gewünschte Format (PNG, JPG, SVG oder PDF) und klicken Sie auf 'Export'. Figma lädt die Datei automatisch in Ihren Download-Ordner herunter.