Figma 在 2026年9月 发布的内容

9 of the best DIY website builders

Figma introduced Figma Make, an AI tool that generates responsive websites from written prompts directly within Figma’s design canvas. It leverages existing design systems and allows real-time collabo…

Guide to auto layout

Figma enhanced its auto layout feature with new grid flow options, improved resizing behaviors (hug contents, fill container, fixed, min/max dimensions), and nested frame support. These updates enable…

Explore Figma Motion

Figma launched Figma Motion in open beta, integrating animation capabilities directly into design files. Users can create, refine, and export animations using presets, manual keyframes, or an AI agent…

Post riffs to Figma Community

Sep 30, 2026 Post riffs to Figma Community New release Update Figma Figma Community Design Copy link Sep 30, 2026 Post riffs to Figma Community New release Update Figma Figma Community Design Copy lin…

AI short film prompts: The five-part formula for cinematic AI shots

Figma released a detailed guide explaining how to craft AI video prompts for short films, emphasizing cinematographic techniques like camera movement, lighting, and continuity. The post highlights Fig…

How to create a persona in five steps

Figma released a step-by-step guide on creating user personas, emphasizing research-backed design and team alignment. The post highlights Figma Weave for AI-generated visuals and FigJam templates for …

Color grading explained: Core controls and workflow

Figma published a guide on color grading, distinguishing technical correction from creative grading and outlining core controls like exposure, white balance, and saturation. It highlights Figma Weave’…

A guide to AI cinematography from prompt to frame

Figma released a guide explaining AI cinematography techniques—framing, lighting, camera movement—and how to apply them via text prompts. It highlights Figma Weave as a tool to turn directed AI shots …

A guide to compositing for designers and creators

Figma released a guide explaining compositing techniques for designers, emphasizing AI-assisted background removal, layering, and blending. The post highlights Figma Weave as a node-based canvas where…

Storyboarding: How to turn ideas into scenes people can see

Figma released a guide explaining how to use its Figma Weave tool for storyboarding across film, UX, motion, and marketing workflows. The post details three storyboard types, a step-by-step workflow f…

Lip sync animation: Matching mouths to dialogue

Figma released a guide explaining lip sync animation techniques, emphasizing the role of AI-assisted tools like Figma Weave in speeding up workflows. The post highlights that 78% of professionals repo…

What agentic AI means for content creation workflows

Figma’s 2025 AI report shows agentic AI adoption among its users more than doubled (21% to 51%), enabling autonomous content workflows like research, drafting, SEO optimization, and personalization. T…

Figma invests in the UK with expanded London office

Figma opened a larger London office in restored Georgian and Victorian warehouses, reinforcing its UK presence where two-thirds of the FTSE 100 use Figma. The move underscores London’s role as a globa…

The guide to building an AI-native organization

Figma released a report outlining how organizations can transition to AI-native workflows, based on insights from teams at Adyen, Atlassian, and Rocket. The guide emphasizes structural changes and sha…

What it takes to build great products now

Figma highlights three updates to improve product-building workflows: Figma Make now supports visual editing and annotations on the canvas, a new design agent enables contextual prompting with custom …

The power of product-based learning

Figma’s blog showcases how teachers use Figma Design and FigJam to shift students from project-based to product-based learning, enabling hands-on design work like app prototypes and interactive experi…

AI product photography examples: What to look for before you use them

Figma introduced Figma Weave to help teams generate consistent AI product photography by feeding a single studio shot into a reusable workflow. The tool preserves labels, colors, and textures while cr…

What is video production? How the process works today

Figma published a guide explaining how AI tools like Figma Weave are reshaping video production by enabling pre-visualization, style consistency, and reusable workflows. The post positions Figma as a …

How to make animated videos with AI in 6 steps

Figma introduced a six-step workflow in Figma Weave for creating AI-generated animated videos, emphasizing character consistency through reference images, style descriptions, and node-based pipelines.…

Design system governance: How to structure ownership and review

Figma published guidance on structuring design system governance, emphasizing centralized ownership for brand-level decisions, clear contribution paths, and alignment between design and code. The post…

AI art styles: Examples and prompting tips

Figma published a guide on AI art styles, explaining how to use style cues (subject, medium, lighting) to control AI image generation outcomes. The post highlights Figma Weave’s ability to test styles…

AI storyboard examples: How teams build a visual sequence

Figma published a resource guide showcasing AI-generated storyboard examples for commercials, film, and UX flows, emphasizing faster ideation and consistency tools like Figma Weave Transfer style. The…

How to write AI image prompts with fewer do-overs

Figma released a step-by-step guide teaching users how to craft precise AI image prompts to reduce iterations and improve output quality. The post emphasizes specificity in subject, style, lighting, a…

Contextual AI coding: How agents use design context

Figma introduced contextual AI coding tools—Dev Mode, the Figma MCP server, and Code Connect—to give coding agents direct access to real design system data (specs, tokens, components) instead of promp…

Design token architecture: Structuring tokens for scale

Figma published guidance on structuring design tokens to scale across teams and platforms, emphasizing layered architectures (primitive, semantic, component) and automation via version control, CI/CD,…

Create on-brand content with your Figma designs in Weave workflows

Sep 17, 2026 Create on-brand content with your Figma designs in Weave workflows New release Figma Weave AI Design Copy link Sep 17, 2026 Create on-brand content with your Figma designs in Weave workfl…

Use Weave tools in Figma

Figma introduced Weave tools, AI-powered apps for image generation, retouching, and style application directly within Figma Design files. Available on Professional, Organization, and Enterprise plans,…

Try these 5 Weave tools—and share your own

Figma announced community publishing for Weave tools, allowing creators to share and use AI-native tools directly within the Figma Design canvas. This includes 30+ tools launched at Config 2026, with …

Preview what's inside folders

Sep 16, 2026 Preview what's inside folders Update Figma Collaboration Copy link Sep 16, 2026 Preview what's inside folders Update Figma Collaboration Copy link We've updated the UI and …

Publish Weave tools to the Figma Community

Sep 16, 2026 Publish Weave tools to the Figma Community New release Figma Figma Weave Figma Community Assets Design Copy link Sep 16, 2026 Publish Weave tools to the Figma Community New release Figma …

How much does UI/UX design cost? A guide to budgeting your next project

Figma published a guide outlining how UI/UX design costs vary by project type, hiring model, and scope, emphasizing the role of iterative design, component reuse, and tools like Figma Design, Dev Mode…

Claude Skills for product designers: 5 workflows to try

Figma published a guide showcasing five Claude Skills tailored for product designers, emphasizing AI's role in accelerating early-stage design workflows like interview synthesis, heuristic evaluations…

Enterprise design systems: Building for consistency

Figma published guidance on building enterprise design systems, emphasizing governance, design tokens, component libraries, and documentation to prevent fragmentation. The post highlights Figma Design…

4 Figma MCP server use cases connecting design and development

Figma introduced an MCP server to connect design files directly to AI coding tools, enabling real-time access to components, tokens, and styles. Code Connect maps Figma components to production code, …

LLM context design: Make your design system AI-ready

Figma launched a Figma MCP server enabling AI coding agents (e.g., Claude Code, Cursor) to directly access design system tokens, components, and specs, reducing design-to-code handoff friction. The up…

How designers can use Claude Code with Figma

Figma introduced an integration with Claude Code using the Figma MCP server, allowing designers to generate working code directly from Figma files. The tool reads components and design tokens to produ…

Figma launches data residency in Japan

Figma introduced data residency in Japan, allowing enterprise customers to store Figma Design, FigJam, Figma Slides, and Figma Make files locally. The move addresses local data governance needs for re…

Pricing change detected for Figma

Pricing updated for Figma: - Plan features or structure changed

Pricing updated for Figma: - Professional - Full seat: new promotion — +3,000 AI credits/month - Professional - Dev seat: new promotion — +5

Issue no.18: Show your work

Figma’s latest editorial newsletter highlights how the company uses AI tools like Figma Make to embrace imperfection in design, shares insights on AI’s impact on roles, and announces expanded creative…

Pricing updated for Figma: - Professional - Full seat: promotion ended (was: +3,000 AI credits/month) - Professional - Dev seat: promotion e

Pricing updated for Figma: - Starter: allowance changed from Free limited access to Figma products to Limited access to Figma products - Professional - Full seat: promotion changed — +3,000 AI credits

Pricing updated for Figma: - Starter: allowance changed from Limited access to Figma products to Free limited access to Figma products - Professional - Collab seat: annual price $2/mo → $2.5/mo

Control opacity at scale

Sep 3, 2026 Control opacity at scale New release Figma Design Design systems Copy link Sep 3, 2026 Control opacity at scale New release Figma Design Design systems Copy link Opacity can be updated at …

Pricing updated for Figma: - Professional - Full seat: new promotion — +3,000 AI credits/mo - Professional - Full seat: now includes Full seat - Professional - Dev seat: new promotion — +500 AI credit

How Coinbase used Code Connect to guide agents and shrink token costs

Coinbase’s Design System team integrated Figma’s Code Connect (via MCP server) to guide AI coding agents, reducing token costs by 22.5% and task time by 22% while improving design system adherence. Th…

Publish shaders to the Figma Community

Figma introduced the ability to publish shaders to the Figma Community for all users with access to the Figma agent. Submissions undergo a review process before public listing, with approval times var…

Publish generative plugins to the Figma Community

Figma now allows users with access to the Figma agent to build and publish generative plugins to the Figma Community after a review process. Approved plugins receive a public listing with a unique URL…

View code for generated plugins and shaders

Figma introduced a code viewer feature allowing users to view and download code for shaders they have access to and for plugins they created. Shaders can be viewed by any user, while plugin code acces…

Create shaders with the Figma agent

Figma launched shaders in open beta, enabling users to generate complex visual effects—like distortions or animated fire—by prompting the Figma agent without coding. Available on all plans, shaders in…

Behind the build: Generative plugins and shaders at Figma

Figma introduced generative plugins and shaders that allow users to create custom tools and effects directly on the canvas using prompts and AI agents. The updates include a new MCP server for real-ti…