Yarn Spinner for Visual Studio Code

The official Yarn Spinner extension for Visual Studio Code. Write, preview, and debug interactive dialogue for your games.

yarnspinner.dev · Documentation · Discord · Report an Issue

Features

• Syntax highlighting — custom light and dark themes for .yarn files
• Autocomplete — node names, variables, commands, and functions
• Hover information — documentation for variables, commands, and functions
• Error checking — real-time type checking, missing nodes, syntax errors
• Graph view — visual node graph for individual files or the entire project
• Project-wide graph — see all files and cross-file connections at a glance
• Dialogue preview — play through your dialogue inside VS Code
• Spell checking — configurable per-project with custom dictionaries
• Character colours — define characters with colours for the editor and preview
• Definition files — autocomplete and type info for custom game commands
• Localisation support — manage string tables and asset directories
• Export — spreadsheets for voice recording, graphs in Mermaid or DOT format
• Project configuration — visual editor for .yarnproject files

Getting Started

1. Install this extension
2. Open a folder containing .yarn files (or create a new project from the sidebar)
3. Start writing dialogue

For a full guide, visit the documentation.

Supported Engines

Yarn Spinner works with Unity, Godot (C# and GDScript), and Unreal Engine. This extension provides the writing and editing tools — your game engine handles playback.