The VS Code Method: Tightening a developer’s inner loop | Figma Blog (opens in new tab)

The post argues that developers are most productive when they can sustain the “inner loop”: writing, compiling, debugging, and iterating without disruptive context switching. VS Code’s approach is to bring more outer-loop activities—collaboration, project management, design inspection, and AI assistance—into the editor. The result is not only faster development, but better code quality, greater energy, and improved developer satisfaction.

The Inner Loop and Flow

• The inner loop is the repeated cycle of writing code, compiling, debugging, and continuing in the code editor.
• The outer loop includes activities outside the editor, such as:
  • Checking bug trackers
  • Updating tickets
  • Responding in Slack or Teams
  • Reviewing documentation
  • Switching between projects and terminals
• Staying in the inner loop builds “inertia,” increasing speed and productivity over time.
• Interruptions also cause developers to lose mentally loaded context, including edge cases and future plans for the code.

Reducing Distractions in VS Code

• VS Code uses features and extensions to help developers remain focused inside the editor.
• Zen Mode hides interface elements and creates a distraction-free workspace.
• Even small UI changes, such as collapsing a sidebar, can interrupt concentration as the brain recalibrates.
• Developers can customize VS Code with extensions that match their preferred workflows.

Bringing Outer-Loop Work into the Editor

• The broader goal is to move as many tasks as possible into the developer’s existing workflow.
• Integrations can reduce switching between:
  • VS Code and GitHub
  • Code and project-management tools
  • Development tools and design platforms
• The Figma for VS Code extension lets developers access and inspect designs without leaving the editor.
• AI tools such as GitHub Copilot provide proactive, non-intrusive code suggestions.
• GitHub reports that Copilot increases coding speed by 55%, while 75% of AI-using developers report greater fulfillment.

Collaboration Without Breaking Focus

• Collaboration is essential but often disruptive when it requires meetings or prolonged chat exchanges.
• VS Code integrates GitHub features so developers can manage issues, review code, and submit pull requests from the editor.
• The ideal collaboration model lets multiple people remain in their own inner loops rather than requiring constant synchronous interaction.
• Direct comments and embedded collaboration can preserve focus while keeping teams connected.

A More Connected Developer Workflow

The VS Code team envisions an inner loop that eventually includes all the tools developers need. Until then, teams should prioritize integrations that eliminate unnecessary switching and tedious manual work. Keeping developers in flow improves productivity, code quality, energy, and overall happiness.