End-to-end product creation
Turn ideas into product work across design, prototyping, building, publishing, and promotion from a shared canvas and workflow.
什么是 Figma？
Figma is a collaborative interface design platform for teams that need to design, prototype, and build products in one connected workflow. The homepage positions it as a place to turn early ideas into real products, with shared workspaces that support brainstorming, design, coding, publishing, and promotion.
The product family shown in the source includes Figma Design, Dev Mode, Figma Sites, Figma Make, FigJam, Figma Slides, Figma Buzz, and design system tooling. Across those surfaces, Figma emphasizes reusable components, variables, libraries, responsive layout tools, and handoff features that help teams keep design and development aligned.
Figma 能做什么？
Design and prototyping tools
Create responsive layouts with auto layout, variables, styles, components, and interactive prototypes, including animations, overlays, transitions, and conditional logic.
Shared design systems
Share libraries, templates, fonts, variables, and design systems across teams so people work from approved assets and a common visual language.
Developer handoff in Dev Mode
Use Dev Mode to surface annotations, measurements, code snippets, and component code for handoff between designers and developers.
Website publishing with Figma Sites
Build websites in Figma Sites with responsive components, preset interactions, CMS editing, and the option to refine with code or AI.
AI-assisted building and code generation
Use Figma Make and the Figma MCP server to move from design context to functional code and live apps with AI-assisted workflows.
使用场景
“Product design and prototyping”
Use Figma to move from early brainstorming to interactive product mockups, keeping design decisions in a shared workspace as concepts evolve.
“Design system management”
Use shared libraries, variables, and approved assets to maintain consistency across multiple files, teams, or brands.
“Design-to-development handoff”
Use Dev Mode when developers need annotations, measurements, code snippets, component code, and a clearer handoff process.
“Website creation and publishing”
Use Figma Sites to build and publish responsive websites from design files, then refine the site with code or AI when needed.
“AI-assisted implementation”
Use Figma Make and the MCP server to turn design context into code or a functional app when moving from concept to implementation.
常见问题
What is Figma used for?
Figma is a collaborative design platform that supports design, prototyping, building, and publishing in one place. The source pages also show dedicated offerings such as Figma Sites, Dev Mode, design systems tools, and Figma Make.
Does Figma offer a free plan?
The source shows plans for Starter, Professional, Organization, and Enterprise. Professional, Organization, and Enterprise are paid plans, while Starter is a free plan with limited access to Figma products.
Which products or betas are included in Figma plans?
Yes. The pricing page says Figma Sites beta is available on Full seats, and Figma Buzz beta is available on all seats.
What is Figma Sites for?
Figma Sites is described as a way to design, prototype, and publish websites from Figma, with support for responsive layouts, preset interactions, and Sites CMS.
What does Dev Mode provide for developers?
Dev Mode is presented as a development workflow space with annotations, measurements, code properties, component code access through Code Connect, and a consolidated handoff experience.
快速信息
- Category
- Collaborative interface design platform
- Primary use
- Design, prototype, build, and publish products and websites
- Main users
- Designers, developers, and cross-functional product teams
- Plans
- Starter, Professional, Organization, and Enterprise
- Free tier
- Starter with limited access
- Source domain
- figma.com
Figma 流量分析
流量数据仅供参考。
- 月访问量
- 8263.8万
- 全球排名
- #207
- 用户跳出率
- 22.4%
- 平均访问时长
- 11:51
- 每次访问页数
- 24.2
- 域名评分
- 92
流量趋势
| 5月 | 83579554 |
|---|---|
| 6月 | 82409217 |
| 7月 | 82638105 |
流量来源
暂无流量分析数据。
主要访问地区
暂无流量分析数据。
Figma 替代品
Paper
paper.design
Paper 将画布、代码与 AI 代理连接起来，让团队在一个工作流中创作、分享并交付成果。
Adam
adam.new
Adam 是 CAD 协作助手，可通过 Slack 和电子邮件简化硬件工作流。
SwiftXR
home.swiftxr.io
SwiftXR is a platform for creating, publishing, and measuring interactive 3D, augmented reality, and virtual reality product experiences. It helps brands, retailers, designers, and manufacturers present products for exploration on websites and online stores.
AiHouse
aihouse.com
面向设计师、零售商和橱柜制造商的云端 AI 设计制造平台
Figma AI
www.figma.com
Figma AI is a set of AI-assisted tools embedded in Figma for generating and refining designs, searching files, editing images, building prototypes, and connecting design work with code. It supports designers, developers, and product teams working across the Figma canvas and related workflows.
Lovart
lovart.ai
通过对话式流程生成和优化视觉素材的 AI 设计代理