
From Claude Code to Figma – and Back Again
- English
- Dev Mode
- Americas
- Designer
- Developer
- AI
- MCP Server
In this livestream, we demoed roundtrip workflows between Claude Code and Figma powered by the Figma MCP server.
Skip to main content
Join Figma’s designer advocates and customers like you as they share best practices and give an inside look into how they work.
Grounded in insights from our latest India Developer Report, in this session we will cover how modern teams today are building and shipping AI products at scale. Aniruddh Jain, CPTO at Cars24, will walk through how his team structures workflows, maintains alignment, and where AI is genuinely accelerating delivery across the product lifecycle.
Tune in live on May 5 at 9:00am PT / 12:00pm ET to learn how leading product teams are co-designing with AI agents to:
- Take creative control of your vibe-coded prototypes
- Connect design systems to code
- Ship the best idea fast
We’ll also demo the latest updates across the Figma platform, with new ways to design, build, and ship with AI. You won’t want to miss it.
Missed out on one of our live webinars? Not to worry, you can find a list of on-demand sessions right here!

In this livestream, we demoed roundtrip workflows between Claude Code and Figma powered by the Figma MCP server.

In this session, we’ll show how product teams can move from early ideas to interactive, system-aligned prototypes, all in one place.

Design-code parity isn’t just about efficiency. It’s how teams deliver higher-quality products, faster—and looking ahead, it’s how you set a strong foundation for scaling with AI. Learn best practices on how to manage your design systems and AI workflows, structure components and tokens for stronger alignment and streamline design-to-code with tools like Code Connect.

AI has changed how we code. With natural language prompts, anyone can generate code in seconds. But faster doesn’t always mean better - LLMs often produce incorrect or inconsistent results, and developers are left to clean it up. Discover how Figma is aligning design system features more closely with AI and helping teams integrate AI and design systems to improve code quality and reduce rework.

Dive into real-world demos of how Figma Make fits into your product development processes with our Figma Advocacy team. Learn how to turn your designs into fully functional prototypes and discover best practices on preparing your designs for faster and smarter AI outputs.

In this introductory webinar, Figma shows how federal teams can use the Figma platform to quickly move from requirements to interactive prototypes and developer-ready assets in one connected workflow.

In this webinar, Christine Sheller and Greg Huntoon shared how thoughtful, structured prompting can turn AI into a true collaborator, helping you build products that land—and products that resonate.

AI code generation is only as strong as the context behind it. In this webinar, Luis and Riccardo will show how to set up Figma files and development workflows to produce reliable, production-ready code using Figma’s MCP server and Code Connect. Learn practical tactics for designing AI-ready files, preparing your codebase for collaboration, and moving seamlessly from design to implementation.

We walked through practical use cases and live demos showing Make Connectors in action with Notion, Atlassian, and GitHub, plus answer your questions.

In this webinar, you’ll hear perspectives on Figma’s latest State of the Designer report from The Economist’s Adam Morris and J.P. Morgan's Marla Mitelman.

Learn how PMs use Figma across the full product workflow from ideation in FigJam to prototyping in Make and handing off validated concepts to design and engineering.

Dive into how the team at Wongdoody use Figma Make to bridge the gap between imagination and implementation, enabling iteration from brainstorming to high-fidelity prototypes that bring the 'Art of the Possible' to life.

This session is designed for new Figma for Government admins and covers the essential setup tasks required for a secure and compliant implementation.

Learn how to configure new admin settings and controls, publish custom fonts and libraries to your organization, deploy unlimited teams, and get started with branching and merging.

Está migrando do Figma Pro para o Figma Organização? Este webinar é para você!

Hear how Riccardo Erra, Dev Advocate at Figma, Tarek Abdallah, Staff iOS Engineer at Qonto, Anthony Froissant, Technical Leader at onepoint and Yahya Albaba, Prototype Architect at AWS are using MCP servers to help AI produce better code.

In this webinar, we explored how the Figma MCP server and OpenAI’s Codex are making design-to-code workflows more efficient and accurate.

In this webinar, design leaders from Hubspot, IBM and Bumble will compare how their teams quantify value, build stakeholder confidence, and scale their systems for long-term success.
Figma Make enables builders of all kinds to generate high-quality prototypes quickly. But as we know, functionality and speed are just one piece of the prototyping story.

Join Luis from Figma’s advocacy team for a walkthrough of how our most recent update to variables (Extended Collections) can help support your multi-brand setups.

Watch this on-demand video of our product manager, Alex Mullans, and software engineer, Brandon Guo, explain how this is done.

Figma MCP 서버와 Code Connect를 활용해 AI의 잠재력을 극대화하고, 보다 매끄러운 통합을 구현하는 데 도움이 되는 데모와 모범 사례를 공유합니다

AI is transforming software development, making it possible for anyone to code with natural language. But while LLMs can speed up coding, they often generate incorrect or inconsistent code, leaving developers to rework or rewrite it.

In this session, we walked through how to use Figma across the full product workflow—from ideation to build.

In this webinar, we took a deep dive into how Figma and GitHub worked together through the Model Context Protocol (MCP) to connect design and development.

If you are part of a design, brand, or systems team working to innovate faster while staying grounded in craft and consistency, this conversation is for you.

This session walks through the basics so you can start using Make in your product development process.

Descubre la estrategia que permitió al equipo de Design System de Banco Sabadell generar un ahorro de 3.9 millones de euros en 2024 y transformar radicalmente la colaboración entre diseño y desarrollo.

In this webinar Figma and Forrester Consulting explored the results of the recently commissioned Total Economic Impact™ (TEI) of Figma’s Dev Mode study.

In this webinar we covered the shifting roles in design and digital product.

Learn how design-code parity isn’t just about efficiency. It’s how teams deliver higher-quality products, faster—and looking ahead, it’s how you set a strong foundation for scaling with AI.

최신 AI 툴, Figma Make가 간단한 프롬프트만으로 프로토타입을 생성하는 방법을 배워보세요.

Curious about Figma Make, but not sure how to get started? Join our Customer Experience & Designer Advocate team for a practical introduction.

In this webinar, Figma Designer Advocate Chad Bergman and Developer Advocate Jake Albaugh break down real strategies for improving cross-functional collaboration.
Time: 1 hour

Catch this recording of the Odido team, who built a robust and sophisticated design system in Figma utilising variables for colour, typography, size, and branded flourishes.

Hear how Elsa Heffernan (Senior Product Manager) and Aidan O'Brien (Senior Product Designer) unified design systems, established a streamlined design sign-off process, and leveraged Figma to create seamless experiences across their platform and integrations.
Time: 1 hour

Didier Hilhorst et Frédéric Helle de chez Qonto expliquent comment Dev Mode améliore la collaboration des développeurs avec les designers et optimise leur travail quotidien.
Time: 18 minutes

Watch Figma's Riccardo Erra explore how AI transforms design-dev collaboration. Live demo of Dev Mode, Code Connect & MCP Server. Coffee Break replay.
Time: 55 minutes

Antoine Voland-Logerais, senior manager chez Thiga, partage ses conseils pour pitcher le COMEX et démontrer l’impact du design en termes de performance et de stratégie.
Time: 20 minutes

Hear how Crunchyroll, home to all things anime, transformed their design process with Figma & Dev Mode.
Time: 1 hour

What better day for Release Notes than April Fun Day? We’ll recap recent launches and demo new features so you can put them to use in your workflow right away. You won’t want to miss it.

Follow along as Figma’s Designer Advocate team walks you through an interactive session on seamlessly translating designs into code. Discover key strategies for ideation, execution, and fostering a shared language between design and development teams to create designs that developers can execute with precision.
Time: 1 hour

Ready to learn more about managing your Figma space as an admin? Join us for this on-demand version of Figma Enterprise: Admin 101.

Come hang out with us for another Release Notes livestream! We’ll be sharing all the new new at Figma—from recent launches to brand-new features we’ll be dropping live.

Alicia Clapper (Head of UX) and Terri Godinez (Art Director) to see how Ruggable united design workflows across teams and moved from siloed processes to seamless collaboration. This session includes a walkthrough of their design system, team workflows, and streamlined design-to-development process.
Time: 1 hour

In this session, we deep dive into how Atlassian redesigned Jira from an agile tool for software teams to a work management tool for every team.
Time: 1 hour

Watch our in-depth technical exploration of how Dev Mode can transform your organization's development capabilities. Whether you're evaluating Dev Mode for the first time or you're a new customer looking for a well-rounded introduction, this on-demand webinar is for you.

In this deep dive discussion, we explore how AWS empowers their teams to bridge the gap between design and code and ship high quality products to millions of developers using Figma.
Time: 1 hour

Hear from GitHub’s developer team on how they integrate Figma into their workflow to streamline collaboration between designers and developers.
Time: 26 minutes

Curious how top teams at GitHub and Swiggy use Figma to bridge the gap between design and development? Discover how they streamline workflows, reduce miscommunication, and build better products faster with Dev Mode.
Time: 1 hour 30 minutes

Discover how India’s top brands like Fynd, Zomato, Swiggy, CRED, and Groww are using Figma to scale their design processes and drive innovation. Hear from design leaders as they share how Figma helps them collaborate better, get creative, and build smarter products faster.
Time: 2 hours

Figma의 Dev Mode MCP 서버가 디자인 기반의 코드 생성과 업무 흐름 개선에 어떻게 도움이 될 수 있는지 자세히 알아보세요.

Accessibility designer Daniel Henderson-Ede and Figma’s Luis Ouriach share insights on accessibility in design systems, offering tips for starting, advice for maintainers and consumers, and guidance on accessible interface challenges.
Time: 1 hour

In this session, we’re joined by Artefact’s Hannah Grace Martin and Chad Hall to unpack the insights from their research: “GenAI's Impact Multiplayer Team Collaboration.” We explore the key insights from the report and share specific ways you can utilize GenAI best when working together.
Time: 1 hour

We invited Vanguard and CVENT to chat and learn how to improve design system adoption and designer / developer collaboration from key leaders at companies redefining design to implementation with Dev Mode.
Time: 1 hour

In this session, we chat with teams from Volvo Trucks and Code and Theory about how Figma powers their collaboration and the redesign for volvotrucks.us and in-vehicle experiences.
Time: 1 hour

Join two pros from Universal Music Group - Tara Venkatesan, Director of Cognitive Science Research and Miranda Seidl, Senior Product Designer - as we discuss the impact of designing products with wellness in mind.

Join Shane Maris, Design System Product Manager, and Jenny Hou, Software Engineer, as they share how Southwest implemented their first design system from scratch.
Time: 1 hour

Learn about the unique challenges of product development in the public sector and how FigJam is powering Amtrak's leap into modern, collaborative work.
Time: 1 hour

Hear from Saurav Rastogi (Razorpay Staff Designer) and Kamlesh Chandani (Principal Engineer) as they share how they streamlined design and developer collaboration, and achieved an average 30% increase in Productivity after using Figma’s Dev Mode.
Time: 20 minutes

In this webinar, we explore the key behaviors, mindsets, and practices of successful strategic design leaders. Featuring case studies from the Design Executive Council, including leaders from Cisco, CNN, Target and Warner Music Group.
Time: 1 hour

This office hours AMA, hosted by two of our design advocates, describes their experience successfully migrating their entire design teams in their previous roles. They share their entire process, including the challenges they faced (pain points), what they would have done differently, and valuable insights.
Time: 1 hour

What’s really happening with AI? How does it change what companies design and develop? Figma’s new research into AI and design offers data to answer the most pressing questions.
Time: 56 minutes

Watch this livestream to uncover Razorpay’s end to end design workflow, their approach to design system adoption, measurement and the challenges they faced in design and dev collaboration.
Time: 1 hourr 15 minutes

Handoff between designers and developers has often been thought of as a single moment in time. However, teams have started to embrace a more fluid collaboration model to ship higher quality products. To help designers and developers stay aligned in real time, we’ve made some exciting updates to our integrations with Jira and launched Dev Mode — a new workspace for developers in Figma.
Time: 51 minutes

Forrester Research surveyed global businesses that use Figma about its impact on building a more collaborative flow between design, developers, and other cross-functional teams. Even small improvements in the evolution of how these teams partner led to faster time to market with less need for iteration and rework. This session unpacks the findings from Forrester’s Total Economic Impact Report of Figma and FigJam and share how businesses around the world are taking steps to reach design & development success.
Time: 46 minutes

No industry was hit harder by the COVID-19 pandemic than travel. Learn how British Airways crafted the best customer experience possible.
Time: 45 minutes

In this recorded fireside chat, a panel of Figma experts discuss the common roadblocks, explore what these partnerships look like, and what makes them successful.
Time: 42 minutes

Registriere dich jetzt und lerne aus erster Hand von führenden Design-Expert*innen.

Découvrez comment promouvoir l'égalité des sexes dans le domaine du design numérique grâce à la table-ronde organisée par Figma France en partenariat avec Hexagon UX Paris.

Watch this exciting discussion on-demand to learn about how Zalando and PUMA put the user first in their drive to exceed higher customer expectations.

Rejoignez-nous pour une exploration en profondeur de la question de la maturité dans le design avec deux designers de renom, Rémi Guyot et Thomas Vidal.

Découvrez comment les équipes design performantes collaborent à distance dans ce nouvel épisode d'Inside The Minds.

Ne manquez pas cette occasion unique de découvrir les enjeux du design en 2022 et de profiter de l'expertise de nos intervenants de choix.

Vanessa Guilloteau, Head of Product Design chez CANAL+, et son équipe partagent leur vision d'un développement centré sur l'humain, mettant en lumière leur approche du Design Ops, de la Research et du User Test.
Time: 1 hour

Plongez dans les méthodes et pratiques employées par les équipes Decathlon pour déployer du design jusqu'au code à grande échelle.
Time: 1 hour 15 minutes

En este webinar, Alfonso Morcuende director en singular y experto en sistemas de diseño, nos hablará sobre el modelo de madurez de sistemas de diseño.
Time: 28 minutes

En este evento, Antonio y Hugo compartirán la experiencia de su departamento de diseño en Mews, una empresa europea de software basado en la nube que ofrece productos y servicios de gestión inmobiliaria al sector hotelero.
Time: 24 minutes

En este evento, Tamara Freire de Banco Santander, líder del Global Design System del banco, nos hablará sobre los sistemas de diseño en grandes organizaciones, centrándose en el modelo federado en la gestión de sistemas de diseño.
Time: 22 minutes