Add code blocks to slides
🚧 Figma Slides is currently in free beta. Learn more about beta features.
Before you Start
Who can use this feature
Available on any plan
Anyone with can edit
access to a slide deck can add code blocks
Code blocks let you add formatted code snippets to your slide decks. Code blocks have the look and feel of a native integrated development environment (IDE), and support indentation and syntax highlighting for several languages.
Including code blocks in your presentation is a great way to provide additional context using realistic code snippets. This is useful when creating presentations for:
- Code reviews
- Technical interviews
- Lunch and learns
- Computer science classes
Add a code block to a slide
- Click Assets in the toolbar.
- Select Code block.
- Click on a slide to add a code block.
Once added, you can type inside the code block or copy and paste an existing code snippet. You can then use the settings in the right sidebar to select a language for the code block’s syntax highlighting and change the code block’s color theme.