'%3E%3Crect x='-4.10352' y='0.1875' width='171.875' height='171.875' rx='85.9375' fill='%230C5238'/%3E%3Crect x='82.5566' y='-9.2085' width='133.93' height='133.93' rx='22.7014' transform='rotate(45 82.5566 -9.2085)' fill='%23F79CFF'/%3E%3Crect x='144.375' y='23.677' width='123.75' height='123.75' rx='61.875' transform='rotate(90 144.375 23.677)' fill='%23FF6D38'/%3E%3Crect x='106.562' y='26.198' width='119.396' height='48.125' rx='24.0625' transform='rotate(90 106.562 26.198)' fill='%23252525'/%3E%3Crect x='106.562' y='62.8645' width='48.125' height='48.125' transform='rotate(90 106.562 62.8645)' fill='%2312A720'/%3E%3Cpath d='M106.553 86.927L99.5232 103.942L82.5526 110.99L65.5819 103.942L58.5524 86.927L65.5819 69.9122L82.5526 62.8645L99.5233 69.9122L106.553 86.927Z' fill='%23FFFF00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3971_7584'%3E%3Crect width='165' height='92.8125' fill='white' transform='translate(0 0.1875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Use design mode in Figma Slides
🚧 Figma Slides is currently in free beta. In early 2025, Figma Slides will be available on free and paid plans, starting at $3 or $5 per user/month depending on your plan. Learn more about beta features →
Before you Start
Who can use this feature
Available on any paid plan
Anyone with can edit access to the slide deck can enable design mode
Design mode requires a full seat for Figma Design
Design mode lets you access Figma Design features such as auto layout, the layers panel, and advanced layer properties, directly in Figma Slides.
Enable design mode
If you have a full seat for Figma Design and can edit access to the slide deck, you can enable design mode using the toggle in the toolbar or with the keyboard shortcut Shift D.
If you’ve used Figma Design before, working in design mode should feel familiar. With design mode enabled, you’ll have access to most of the same features found in Figma Design.
Note: Because Figma Slides is currently in a beta, not every design mode feature functions identically to how they work in Figma Design. We will continue to improve these features throughout the beta.
Left sidebar
The Layers section on the left sidebar gives you access to the layers of your currently selected object. Any objects you add to the slide, such as frames, text, or images, will be visible here.Â
While in slide view, the left sidebar is always visible. If you’re using grid view, the left sidebar only displays when you have an object selected.Â
Right sidebar
The right sidebar gives you access to the Design and Animate tabs. While in slide view, the right sidebar is always visible. If you’re using grid view, the right sidebar only displays when you have an object selected.Â
Design tab
The Design tab lets you view, add, remove, and change the properties of objects on your slide.
If you’re in slide view with nothing selected, or if you select a slide while in grid view, you can:
- Change the background of the slide
- Export the entire slide
- Add layout grids to the slide
- Apply a variable mode to the slide
Note: Variable modes cannot be created in Figma Slides. To access variable modes, create the mode in Figma Design, publish the variables in a library, and add the library to your slide deck. Learn more about adding libraries to your slide deck →
When you select a layer, you’ll have access to the advanced properties available for that layer type, including:
- Alignment, rotation, and position
- Frame size and orientation
- Layout grids
- Component properties
- Component and instance swap
- Auto layout
- Blend modes
- Text properties (including OpenType features)
- Fill
- Stroke
- Layer effects
- Export settings
Animate tab
The Animate tab lets you add transitions to your slides that play as you progress through your deck. The settings available on the Animate tab work the same in both slides and design mode. Learn more about slide transitions →