Particle.news
Get it on Google Play
Download on the App Store
4 ARTICLES
·
last wk.

Figma Fuses Code, Motion and Generative AI Into Single Design Canvas

The updates aim to cut tool switching by letting teams iterate with live code, exportable animations, AI shaders, natural-language plugins, agent skills and third-party connectors.

Image
Figma's Full-Stack Canvas for the AI Era

Overview

  • Figma unveiled the new feature suite at its Config 2026 conference on Wednesday, June 24, and has started rolling the capabilities out to users.
  • Code Layers let teams clone repositories into the multiplayer canvas, extract flows into editable design layers, and sync changes back to source code so designers and engineers can iterate together without switching apps.
  • Figma Motion adds timelines, keyframes, presets and AI-assisted animation generation with motion data visible in Dev Mode and export options that include CSS, React-friendly code, MP4, GIF and animated SVG.
  • Generative Plugins and AI-powered shader fills let users build reusable tools and visual effects from natural-language prompts or reference images without custom developer setups, using WebGPU-powered effects like dither and pixelate.
  • The platform’s updated agent skills and connectors to services such as Notion, GitHub, Slack and Excel enable shareable, repeatable workflows, and a deeper node-based Weavy/Weave integration is slated for a wider release later this year.