> Markdown version of [/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma](https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Fireside Chat with Kris Rasmussen, CTO at Figma

Kris Rasmussen argues AI won't replace human craftsmanship. Instead, it will eliminate tedious boilerplate. Discover how Figma bridges the historical friction between freeform visual exploration and structured code.

- **Speakers:** [Kris Rasmussen](https://www.wearedevelopers.com/@kris-rasmussen), [Thomas Pamminger](https://www.wearedevelopers.com/@thomas-pamminger)
- **Event:** World Congress 2024
- **Published:** August 20, 2024
- **Duration:** 30:38
- **URL:** https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma

## Summary

Figma revolutionized product development by transitioning from siloed desktop applications to a fully collaborative, web-based platform. Initially hedging bets with a C++ native build, the engineering team fully embraced the browser when early betas proved that web technologies could handle robust graphical use cases. By leaning into universal link sharing and embedding browser primitives like dynamic layouts and constraints deeply into the design space, the platform fundamentally shifted how cross-functional teams bridge the gap between initial ideation and production CSS.

Recognizing that an equal portion of their active users are developers, Figma adapted its interface to resolve the historical friction between freeform visual exploration and structured code implementation. The infinite 2D canvas, originally optimized for rapid, direct manipulation by designers, was complemented by dedicated developer modes. This tailored approach directly addresses the diverging mental models between sketching a raw concept and codifying its implied context, such as responsive behaviors and edge-case error states, ensuring both disciplines can iterate quickly without losing momentum during handoff.

At a broader operational level, this multiplayer environment champions visual artifacts over administrative work about work, driving project momentum through tangible milestones rather than task-oriented tracking. Looking forward, the integration of artificial intelligence focuses on eliminating tedious boilerplate work—such as semantically renaming layers or automatically replacing placeholder text with context-aware content—rather than attempting to replace human craftsmanship. Ultimately, accelerating these localized, repetitive tasks allows professionals to stay in the flow state, proving that making everyday processes significantly faster consistently unlocks entirely new creative and technical possibilities.

**Keywords:** web-based collaborative design, design to development handoff, browser primitives integration, frontend css constraints, direct manipulation interfaces, c++ web transcompilation, electron desktop architecture, visual progress artifacts, ai-assisted layer renaming, semantic design structure, cross-functional product cycles, ui/ux artificial intelligence, rapid prototyping workflows, figma developer mode, dynamic layout tooling

## Chapters

1. **Joining Figma and building real-time distributed graphical systems** (00:56) — A background in game engines and graphics led to developing real-time distributed systems for collaborative design tools.
1. **Overcoming technical challenges of browser-based design environments** (03:41) — Leveraging early low-level browser abstractions and C++ enabled complex graphical applications to run efficiently on the web.
1. **Advancing design tools for modern frontend development requirements** (06:19) — Moving beyond pre-rendered bitmaps to native browser primitives allows design tools to match the constraints of dynamic layouts and responsive form factors.
1. **Introducing tools built specifically for developer handoff needs** (08:24) — Creating dedicated interfaces helps development teams navigate large canvases and isolate specific versions for implementation without visual noise.
1. **Resolving the divergence between direct manipulation and code abstractions** (10:13) — Balancing the initial rapid exploration phases of visual design with the strict abstractions and edge cases required in production code.
1. **Balancing open exploration and project execution phase milestones** (13:15) — Transitioning from open exploration to focused execution prevents team unalignment by establishing concrete milestones and demonstrating forward momentum.
1. **Visualizing momentum through direct artifacts of product progress** (16:34) — Focusing on visible artifacts of creation reduces administrative work and better aligns teams than task-oriented project management systems.
1. **Automating tedious layer renaming and design prototyping tasks** (17:53) — Streamlining repetitive workflows like layer structuring and raw prototype connections allows technical teams to focus on actual design decisions.
1. **Moving past chat interfaces to domain-specific artificial intelligence modalities** (20:55) — Applying AI effectively requires tailoring new input models to specific workflows instead of forcing natural language onto precision professional tasks.
1. **Elevating professional craftsmanship beyond standardized algorithmic output generation** (23:39) — While automation generates basic baseline components quickly, professional craftsmanship becomes entirely essential for producing distinct and high-quality final applications.
1. **Understanding how differences in iteration speed yield new breakthroughs** (27:03) — Removing friction from tedious development tasks dramatically speeds up iteration cycles, opening entirely unmapped territories for software exploration.
1. **Unexpected community adaptations of real-time multiplayer graphical surfaces** (28:44) — Lowering the barrier to real-time spatial interaction allows user bases to creatively adapt tools for unintended use cases like crisis communication.

## Related Moments

- [Accelerating ideation and visualization with Figma Make](https://www.wearedevelopers.com/videos/1447-designing-the-future-of-human-agent-collaboration) (from "Designing the Future of Human<>Agent Collaboration")
- [Bridging the deployment gap with Figma Dev Mode](https://www.wearedevelopers.com/videos/992-bridging-the-gap-between-design-and-development) (from "Bridging the gap between design and development")
- [Introduction to an open source design prototyping tool](https://www.wearedevelopers.com/videos/1345-building-collaborative-open-source-tools-for-developers-and-designers-pablo-ruiz-muzquiz-from-penpot) (from "Building Collaborative Open Source tools for Developers and Designers - Pablo Ruiz-Muzquiz from Penpot")
- [Transitioning from graphic design to large scale frontend architecture](https://www.wearedevelopers.com/videos/100153-microfrontends-lessons-learned-from-growing-a-design-system-and-shared-libraries-across-20-teams) (from "Microfrontends: Lessons Learned from Growing a Design System and Shared Libraries Across 20+ teams")
- [Audience Q&A on tooling choices and AI application prototyping](https://www.wearedevelopers.com/videos/100195-xcode-development-redefained) (from "Xcode development redefAIned")
- [Reimagining remote ideation with digital canvas tools](https://www.wearedevelopers.com/videos/919-coffee-with-developers-adam-wiggins) (from "Coffee with Developers - Adam Wiggins")

## Related Articles

- [10 Essential Figma Plugins for Frontend Developers in 2023](https://www.wearedevelopers.com/magazine/262-10-essential-figma-plugins-for-frontend-developers-in-2023)
- [Declarative Design and a fresh take on collaboration with developers](https://www.wearedevelopers.com/magazine/595-declarative-design-and-a-fresh-take-on-collaboration-with-developers)
- [Are design and development really just the same thing?](https://www.wearedevelopers.com/magazine/520-are-design-and-development-really-just-the-same-thing)
- [How we Build The Software of Tomorrow](https://www.wearedevelopers.com/magazine/120-how-we-build-the-software-of-tomorrow)

## Related Jobs

- [Senior Web Designer, Growth](https://www.wearedevelopers.com/jobs/ext/102722-senior-web-designer-growth) at **Intercom, Inc.**
- [Staff Frontend Engineer (Expert+/Lead equivalent) - Hybrid working model, 100%, Ho Chi Minh City](https://www.wearedevelopers.com/jobs/48314-staff-frontend-engineer-expert-lead-equivalent-hybrid-working-model-100-ho-chi-minh-city) at **SMG Swiss Marketplace Group**
- [Staff Frontend Engineer](https://www.wearedevelopers.com/jobs/48313-staff-frontend-engineer) at **SMG Swiss Marketplace Group**
- [Senior Product UI Designer](https://www.wearedevelopers.com/jobs/ext/1998621-senior-product-ui-designer) at **Almedia**
- [Junior Frontend Engineer](https://www.wearedevelopers.com/jobs/ext/1532351-junior-frontend-engineer) at **Almedia**
- [Principal Product Manager, Agent Platform](https://www.wearedevelopers.com/jobs/ext/277541-principal-product-manager-agent-platform) at **GitHub**