Figma's 2026 AI report: Can AI help us collaborate better?

I Have an App Idea: How to Bring It to Life

Bài viết hướng dẫn cách hiện thực hóa ý tưởng app từ khâu xác thực ý tưởng, bảo vệ bản quyền, lập kế hoạch sản xuất, tìm đối tác phát triển, xây dựng sản phẩm khả thi tối thiểu (MVP), huy động vốn, ra mắt và tiếp thị ứng dụng.

Lập trình viên nên đọc bài này để chuyển ý tưởng ứng dụng từ ý tưởng đơn giản thành sản phẩm thực tế, từ đó tiết kiệm thời gian và chi phí phát triển mà vẫn đảm bảo chất lượng và khả năng cạnh tranh.

Shaping Stories into Experience: The Work of Kevin Lam

A designer spotlight on Kevin Lam (urfd), a Brisbane-based brand and digital designer at Nightjar Studio. Kevin shares five featured projects — including a medical aesthetics clinic, a photographer's portfolio, a real estate brand, a natural event documentary site, and a lifestyle precinct — each built around translating brand stories into soulful digital and visual experiences. He also covers his design philosophy (curiosity, finding a north star, caring about craft, collaboration) and his toolset including Figma, Cinema 4D, After Effects, Cavalry, and Photoshop.

Figma adds code layers, support for animations, more AI features in new update

Figma has announced a major update introducing code layers directly on the collaborative canvas, enabling teams to clone repositories and extract flows from code to design layers. The update also adds native support for animations, transitions, 3D transforms, and shader effects — previously requiring external tools. AI capabilities are expanded with support for generating assets, shader fills, and custom plugins via text prompts. Users can now connect external tools like Notion, GitHub, and Excel to Figma's AI assistant for richer context. Integration with the acquired Weavy node-based workflow tool is also in progress, with in-canvas Weavy workflow generation coming later this year.

Code on the Figma canvas

Figma is introducing 'code layers' in Figma Design, a new feature currently in closed beta that embeds interactive, runnable code directly onto the Figma canvas. Teams can generate code via the Figma agent, import GitHub repos or local folders, and explore multiple code directions side by side. Code layers can be converted back into editable Figma layers and vice versa, enabling fluid movement between design and code. Teammates can comment, prompt, and iterate on the same layer collaboratively. Once finalized, changes can be pushed back to a repository.

Figma’s design agent, now with custom tools and greater context

Figma's design agent is now in open beta with expanded capabilities. Designers can prompt the agent to build reusable generative plugins and WebGPU-powered shader effects and fills directly on the canvas—no developer setup required. New context features let users attach files, reference other Figma files, search the web, and connect external tools via MCP connectors (GitHub, Atlassian, Slack, Linear, Hex). A new Skills system lets teams save and share reusable prompt-based slash commands to codify design philosophies and workflows. Agent conversations are visible to collaborators by default, turning iteration history into a shared resource.

Config 2026: New materials, new tools and a more expressive canvas

Figma's Config 2026 conference introduced several major platform expansions. Code layers let designers treat code as a design material directly on the canvas, with two-way conversion between design and code. Figma Motion adds a full timeline editor with keyframes, presets, and Dev Mode inspection, exportable as CSS, JSON, React, MP4, WebM, SVG, or GIF. Shader fills and effects can now be generated via the Figma agent using text prompts or image references, with parameterized controls. Generative plugins allow teams to build custom tools by describing behavior in natural language, no API knowledge needed. Figma Weave tools bring node-based generative workflows into the main canvas. The Figma agent now supports Skills, Connectors (Notion, Slack, GitHub, Atlassian, etc.), and shared agent chats for team visibility.

Introducing Figma Motion: Your canvas now has a timeline

Figma has launched Figma Motion, a native animation timeline integrated directly into the Figma canvas alongside Design, Draw, and Dev modes. Designers can now keyframe position, scale, rotation, and opacity; apply preset animation styles; and use the Figma AI agent to generate keyframes from text prompts. Motion supports animated components that carry animations across design system files, motion variables for consistent easing and timing, and shader property keyframing. For handoff, Dev Mode exposes the full timeline with copyable CSS, JSON, React, and motion.dev code. Animations are also MCP-compatible for coding agents. Export options include MP4, GIF, SVG, and WEBM. 3D transforms are coming soon. Motion is currently in open beta with tiered access by plan.