Figma Unveils AI Features to Unify Web Design and Code

Figma has launched a wide-ranging suite of AI-powered features intended to unite software design, web development, and coding workflows within a single interface. The new updates are designed to help product teams move seamlessly from initial concept ideation to a finished digital product without needing to constantly switch between dozens of standalone applications.

Central to this release is the capability to import live code directly into Figma from GitHub repositories, existing websites, and local file storage. Once imported, engineers, designers, and project managers can collaboratively review, test, and polish the codebase alongside visual design assets in real time. To support broader workflows, Figma also introduced 20 new integrations that connect its canvas directly with external AI services, allowing seamless transfers of prototypes and design systems across different specialized tools.

Additionally, the release introduces no-code web publishing features that allow users to launch and manage full websites straight from the canvas. To keep projects organized and consistent, a dedicated tool consolidates project specifications, key design rationale, and implementation instructions into one central hub. Enhanced design system safeguards were also added to force autonomous AI agents to strictly follow established corporate branding guidelines during content generation.

For practitioners, this evolution changes Figma from a vector design canvas into an end-to-end product development environment. By consolidating coding, prototyping, and brand management, Figma reduces the friction between software developers, visual designers, and marketing professionals, enabling cross-functional teams to build and ship products together alongside automated AI capabilities.