The Long and Short of It: Issue no.7 | Figma Blog (opens in new tab)

Figma’s “Building better” issue argues that developer experience depends on more than tools or individual teams. Strong cross-functional culture, clear processes, and intentional product principles help engineers stay productive and create better outcomes. The issue highlights approaches from VS Code, Atlassian, Linear, Decathlon, and Crunchyroll.

Protecting the Developer’s Inner Loop

• VS Code distinguishes between:
  • The inner loop: focused coding and heads-down work.
  • The outer loop: bug tracking, support tickets, meetings, and collaboration.
• Frequent context switching disrupts productivity.
• Teams can improve developer experience by protecting uninterrupted editor time and reducing unnecessary transitions between tools and tasks.

Measuring Developer Joy

• Atlassian extends the idea of developer experience into “developer joy.”
• The concept emphasizes:
  • Pride in craft.
  • Foundational engineering values.
  • Operational practices that make work satisfying.
• Atlassian treats developer joy as a guiding metric and explores how to connect it to business impact and scale it across the organization.

Building Opinionated Software

• Linear believes effective software should have a clear point of view.
• Strong product opinions establish default workflows and reduce decision-making for users.
• The company deliberately goes against conventional expectations when its principles lead to a better experience.
• These opinions influence both Linear’s product design and internal processes.

Integrating Design and Development with Dev Mode

• Decathlon’s engineering team shares lessons from a year of using Figma Dev Mode.
• A central recommendation is to start small and pursue quick wins rather than attempting a complete workflow transformation immediately.
• Dev Mode can help align design-system work, engineering implementation, and collaboration between designers and developers.

Managing Complexity with a Universal Design System

• Crunchyroll operates across 15 platforms and 12 languages, making consistency difficult.
• Its Universal Design System supports:
  • More consistent experiences across web, mobile, consoles, and other touchpoints.
  • Greater design-system adoption.
  • Clearer handoff and implementation workflows in Dev Mode.
• A shared system helps teams navigate complexity without sacrificing consistency.

Bridging Design and Code

• Figma’s Toronto meetup featured Simple Design System, a UI kit backed by realistic code.
• The project demonstrates how design systems can connect visual components with their implementation.
• The discussion also raises a broader concern: bridging the design-development gap is not enough; teams must also maintain implementation quality.

Organizations seeking better developer outcomes should treat developer experience as a company-wide practice: protect focus time, establish thoughtful defaults, invest in shared systems, and measure whether tools and processes genuinely improve engineers’ work.