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はSlackやメールからハードウェア業務を効率化するCADコパイロットです。
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デザインエージェント