Zum Inhalt springen
Werkzeug · Design & Animation

Du siehst deine Seite, bevor sie gebaut wird.

Figma
Design & Animation
Was es ist

Das Werkzeug, in dem das Aussehen entsteht. Du bekommst ein fertiges Bild deiner Startseite zu sehen und sagst, was anders soll — bevor eine Zeile Code geschrieben ist.

Ohne

Du beschreibst, was du willst, und hoffst, dass am Ende das Richtige dabei herauskommt.

Mit

Du siehst es vorher. Gefällt es nicht, ändern wir es, solange es nur ein Bild ist.

Wie es arbeitet
  1. Es läuft im Browser, du brauchst nichts

    Du bekommst einen Link und siehst den Entwurf. Kein Programm, kein Konto nötig.

  2. Farben und Schriften sind einmal festgelegt

    Wird das Orange geändert, ändert es sich in jedem Entwurf gleichzeitig. Das ist der Grund, warum eine Seite zusammenhält.

  3. Anmerkungen stehen an der Stelle

    Du klickst an die Stelle, die dich stört, und schreibst es dazu. Kein Beschreiben am Telefon.

  4. Es ist ein Bild, keine Website

    Ein Entwurf ist nicht anklickbar wie die echte Seite. Er zeigt, wie es aussieht, nicht wie es sich anfühlt.

Was es technisch tut
  1. Skizze
  2. Entwurf im Browser
  3. Deine Freigabe
  4. Bau

Der Entwurf kommt vor dem Bau — und du siehst ihn, bevor eine Zeile Code entsteht. Ändern ist hier billig und später teuer.

Ein Entwurfswerkzeug, das im Browser läuft. Gearbeitet wird mit Vektoren, also beliebig vergrößerbar, und mit wiederverwendbaren Bausteinen: Ändere ich einen Knopf einmal, ändert er sich überall. Teilen geht per Link, du brauchst kein Konto.

Harte Angaben
Läuft
im Browser
Grundlage
Vektoren
Wiederverwendung
Bausteine
Ansehen
per Link, ohne Konto
So setze ich es ein
01

Entwurf der Startseite, den du am Tag 3 zu sehen bekommst

02

Farben und Schriften festlegen, bevor gebaut wird

03

Ansicht für Handy und Rechner nebeneinander prüfen

Wo es nicht passt

Ein Entwurf ist kein Programm. Was in Figma gut aussieht, muss danach trotzdem gebaut werden — und dabei zeigt sich manchmal, dass eine Idee im echten Browser nicht trägt.

In der Praxis
Jedes Projekt

Der Entwurf kommt immer zuerst — und du zahlst erst, wenn er dir gefällt.

Nachbarwerkzeuge