Practical MCP Part 2: Design to Code. And Back.
- English
- Dev Mode
- Global
- Designer
- Developer
- Product
- Engineer
- MCP Server
Figma Developer Advocate Riccardo dives deeper on code to canvas — bringing what you build back into Figma.
自分に合ったイベントを見つけよう
参加すると、Figmaのデザイナーアドボケイトやお客様が共有するベストプラクティスや、実際の作業内容を見ることができます。
イベント情報
Generating plugins and working with skills
One of the most powerful ways to use Figma agent is by creating custom plugins and skills for your workflow. Join us to learn how to build your first plugin and create your first skill. We'll cover how plugins can expand your creative expression and how skills (reusable instructions for AI) help you be more effective and consistent when prompting with Agent.
Making sense of shaders and motion
Shaders are code-based visual effects that let you go beyond static fills and basic drop shadows. From mimicking frosted glass, to animating glowing particles and generating mesh gradients, shaders allow you to create rich, dynamic imagery. Join us to learn how to generate your first shader effects and fills using Figma agent and bring them to life with Figma Motion.
専門家によるオンデマンドのセッション
ライブウェビナーを見逃しても、心配はいりません。ここにオンデマンドセッションの一覧が用意されています。
96件の結果を表示中
- Watch now
Putting Code Connect to the Test: Coinbase's Agent-Ready Design System
- English
- Dev Mode
- Americas
- AI
- MCP Server
- Workflow
Watch nowIn this webinar, hear how Coinbase's Design Systems internal test showed a meaningful reduction in costs to generate code with Code Connect versus without it.
Introducing Weave
- English
- Global
- AI
- Workflow
Watch nowWatch this session for an introduction to Figma Weave, a node-based canvas for building creative AI workflows. You’ll see how to move beyond one-shot generation and build workflows that give you more control over the process, make experimentation easier, and turn successful creative decisions into reusable systems.
Designer to Builder Series
- English
- Figma Design
- Dev Mode
- Global
- AI
Watch nowJoin three hands-on sessions that take you from a finished component in Figma to real, reviewable code. We cover everything from setting up your environment to writing your first component with AI and then connecting it all back to Figma.
Expressive Design Tools
- English
- Figma Design
- Americas
- AI
- Office hours
- Workflow
Watch nowIn this session, we’ll show you how brand, creative, and marketing work comes together on one canvas — including animated ads, social cuts, assets and dev-ready exports.
2026 AI report
- English
- Figma Design
- Dev Mode
- Figma Make
- Americas
- AI
Watch nowJoin Figma researchers Shane Johnston and Christa Simon, along with Figma product manager Nikolas Klein, as they dig into Figma's 2026 AI report.
Get Started with Figma Agent
- English
- Figma Design
- Americas
- AI
Watch nowJoin the Figma Onboarding team to learn how to get set up and put the agent to work in your own files!
Workflow Lab: From context to code with Figma agent and code layers
- English
- Figma Design
- AI
- Workflow
Watch nowWatch this session for a hands-on look at how Figma agent and code layers bring these elements together on a shared canvas.