/
© 2026 RiffOn. All rights reserved.

Get your free personalized podcast brief

We scan new podcasts and send you the top 5 insights daily.

  1. How I AI
  2. From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma)
From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma)

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma)

How I AI · Mar 11, 2026

Figma's team reveals new AI-powered workflows, seamlessly bridging the gap between code and design to reduce toil and boost collaboration.

AI Tools Collapse Linear Design-to-Code Workflows by Making Code as Malleable as Design

AI makes iterating in code as inexpensive as sketching in design tools. This allows teams to skip low-fidelity wireframes and start with functional prototypes, blowing up traditional, linear development processes and reinventing workflows daily.

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma) thumbnail

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma)

How I AI·2 months ago

AI Enables 'Pair Programming' for Cross-Functional Design and Engineering Teams

Tools like Figma's MCP act as a connector, allowing designers and engineers to work on the same component simultaneously from their preferred environments. This creates a new, fluid, back-and-forth workflow that resembles pair programming for design and code.

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma) thumbnail

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma)

How I AI·2 months ago

Transform Static Internal Wikis Into Executable AI Skills to Automate Best Practices

Instead of relying on engineers to remember documented procedures (e.g., pre-commit checklists), encode these processes into custom AI skills. This turns static best-practice documents into automated, executable tools that enforce standards and reduce toil.

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma) thumbnail

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma)

How I AI·2 months ago

AI Reduces Build Time, Allowing Teams to Reinvest in Upstream Planning and Downstream Craft

By automating mechanical build tasks, AI liberates significant time in the development cycle. Teams can reallocate this time to more strategic upstream activities like planning and exploration, and downstream refinement, focusing on high-quality craft and polish.

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma) thumbnail

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma)

How I AI·2 months ago

Figma’s Multiplayer Collaboration Is a Key Advantage Over Solo AI Code Prompting in an IDE

Prompting AI for code changes is an inherently solo activity. By importing code into Figma, teams can leverage its native multiplayer features. This allows for real-time, parallel collaboration and ideation that is impossible to replicate in a single-user IDE environment.

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma) thumbnail

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma)

How I AI·2 months ago

AI Can Mine Your Codebase and Commit History to Resurface Lost Institutional Knowledge

Company lore and the 'why' behind technical decisions often disappear when employees leave. An AI agent can analyze the entire codebase and its commit history to answer questions and reconstruct narratives, effectively turning your repo into a searchable archive.

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma) thumbnail

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma)

How I AI·2 months ago

Figma's MCP Uses AI to Bridge the Gap Between Outdated Design Files and Live Code

Production code often evolves past design files, creating workflow friction. Figma's MCP tool uses AI to pull live application states directly into design files and push updates back to code, creating a synchronized source of truth.

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma) thumbnail

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma)

How I AI·2 months ago

Engineers Can Use AI to Automatically Generate All Application States in Figma from the Codebase

Documenting every UI state is tedious for designers. Now, engineers can use an AI agent to parse the live codebase and automatically export all existing states (e.g., all five steps of a signup flow) directly into a Figma file for designers to review and refine.

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma) thumbnail

From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma)

How I AI·2 months ago