{"id":6913,"date":"2026-09-18T15:52:56","date_gmt":"2026-09-18T13:52:56","guid":{"rendered":"https:\/\/www.clickstorm.de\/blog\/?p=6913"},"modified":"2026-09-23T11:25:31","modified_gmt":"2026-09-23T09:25:31","slug":"figma-neuerungen-2026","status":"publish","type":"post","link":"https:\/\/www.clickstorm.de\/blog\/figma-neuerungen-2026\/","title":{"rendered":"Figma Neuerungen 2026: Motion, Agent, Weave & mehr"},"content":{"rendered":"

Figma hat seine Plattform in den vergangenen Jahren deutlich erweitert. Auf der Config 2024 wurde unter anderem Figma Slides<\/strong> vorgestellt, 2025 folgten mit Draw, Buzz, Sites und Make<\/strong> weitere neue Produkte und Funktionen. Mit der Config 2026<\/strong> setzt Figma diese Entwicklung fort und erweitert insbesondere Figma Design um neue M\u00f6glichkeiten rund um Animation, KI, Code und generative Gestaltung.<\/p>\n

Zu den wichtigsten Figma-Neuerungen 2026 geh\u00f6ren Figma Motion, der Figma Agent, Generative Plugins, Shader Fills und Effects, Code Layers<\/strong> sowie die Integration von Weave Tools<\/strong> in Figma Design.<\/p>\n

Da der Funktionsumfang inzwischen deutlich gewachsen ist, m\u00f6chte ich dir zun\u00e4chst einen \u00dcberblick geben: Welche Figma-Produkte gibt es mittlerweile, welche Funktionen geh\u00f6ren direkt zu Figma Design und wof\u00fcr kannst du die einzelnen Werkzeuge einsetzen?<\/p>\n

Die folgende \u00dcbersicht stellt die wichtigsten Neuerungen aus 2025 und 2026 zusammen:<\/p>\n

\"\u00dcbersicht

\u00dcbersicht der Neuerungen in Figma<\/p><\/div>\n

Stand: September 2026. Einige der beschriebenen Funktionen befinden sich noch in der Beta und k\u00f6nnen sich kurzfristig \u00e4ndern.<\/em><\/p>\n

Anschlie\u00dfend habe ich die entsprechenden Bereiche und Funktionen in der Figma-Oberfl\u00e4che f\u00fcr dich gekennzeichnet.<\/p>\n

Eigenst\u00e4ndige Anwendungen<\/strong><\/p>\n

    \n
  1. Slides<\/strong><\/li>\n
  2. Sites<\/strong><\/li>\n
  3. Make<\/strong><\/li>\n
  4. Buzz<\/strong><\/li>\n<\/ol>\n

    Neuerungen im Design-Tool Figma<\/strong><\/p>\n

      \n
    1. Draw<\/strong><\/li>\n
    2. Motion<\/strong><\/li>\n
    3. Agent<\/strong><\/li>\n
    4. Generative Plugins<\/strong><\/li>\n
    5. Shader Fills<\/strong><\/li>\n
    6. Code Layers<\/strong>*<\/li>\n<\/ol>\n

      * Die mit einem Sternchen gekennzeichneten Funktionen sind direkt in Figma Design integriert.<\/p>\n

      Weave<\/strong> nimmt dabei eine Sonderstellung ein. Figma Weave ist derzeit eine eigenst\u00e4ndige Anwendung. Einzelne Weave-Funktionen kannst du jedoch inzwischen auch direkt in Figma Design nutzen.<\/p>\n

      Bei Code Layers<\/strong> gibt es aktuell ebenfalls eine Besonderheit: Die Funktion wurde auf der Config 2026 f\u00fcr Figma Design angek\u00fcndigt, ist dort aber noch nicht allgemein verf\u00fcgbar. In Figma Sites<\/strong> sind Code Layers dagegen bereits Bestandteil des Website-Workflows.<\/p>\n

       <\/p>\n

      \"Screenshot

      Position der neuen Anwendungen<\/p><\/div>\n

      \"Screenshot

      Position der neuen Figma Design-Tools<\/p><\/div>\n

      Im weiteren Verlauf des Beitrags stelle ich dir die einzelnen Neuerungen genauer vor und gehe dabei insbesondere auf meine eigenen Erfahrungen mit den Funktionen ein. Dabei geht es nicht nur darum, was Figma mit den neuen Werkzeugen erm\u00f6glicht, sondern auch darum, welchen praktischen Nutzen sie im Arbeitsalltag und in Kundenprojekten haben.<\/p>\n

      Figma Motion: Animationen direkt in Figma erstellen<\/h2>\n

      Mit Figma Motion<\/strong> kannst du direkt in Figma Animationen erstellen. Die Bedienung ist dabei vergleichsweise intuitiv. F\u00fcr einen kleinen Anwendungsfall habe ich die Funktion selbst ausprobiert. Das Ergebnis kannst du im folgenden Screenshot sowie als Animation sehen.<\/p>\n