Figma has a number of features under development that are available to users in beta. In this article, find out which beta features are available, what they are, their beta types, and how to access each one.
Beta types refer to the level of access. These include:
- Open beta: All Figma users can join the beta
- Closed beta: Only users who receive an invite can join the beta
- Limited beta: The beta is available to all Figma users, but is limited to a certain number of beta users
Note: Beta features can change during the beta period. You may experience bugs or performance issues during this time.
Desktop app open beta
Figma has a beta version of the desktop app available.
By using the beta version of the app, you're helping Figma test bug fixes and performance improvements, before we release them to the general public. The beta version does not give you access to features Figma hasn't released yet.
You can install and use the Figma desktop app and the beta version at the same time. Both versions of the desktop app will offer the same core features and functionality.
Variables open beta
Use variables to save time and energy on designs, design systems, and complex prototypes. Variables is currently in beta and is available to all Figma users. We’ll continue to add more features and polish the experience during this time.
Variables continues to evolve and grow, and we want to help you plan ahead on whats to come. Here’s what we’re working on bringing to you in the future:
Typography variable type
We’re exploring how we want to support typography variables. We want to provide a way to switch between combinations of typography properties, like font families, sizes, and spacing.
Support for additional properties
- Additional property fields: Soon, you’ll be able to apply variables to stroke width, effect colors, layer opacities, and more.
- Additional component property types: Currently, you can only assign variables to variant properties. We’re working to support additional component property types.
We’re designing a way to handle theming for sub-brands, which are often managed by different teams at large companies. With extended collections, you’ll be able to add brand-specific overrides to an existing variable collection and publish those overrides as additional modes.
Extended variable collections will be an Enterprise-only feature.
Dev Mode and Figma for VS Code open beta
Dev Mode in Figma design gives developers everything they need to navigate design files and transform designs into code. With Dev Mode, designers and developers stay on the same page, making sure important details aren’t lost in the handoff process.
Use Dev Mode to:
- View and copy properties, values, and code from design components
- See what’s changed since you last viewed a file by comparing frame versions
- Inspect and navigate design files with simple interactions that surface important layer information
- Quickly find designs ready for development with section statuses
- Streamline your workflow with developer-focused integrations, like Jira, Storybook, and GitHub
- Add relevant links and developer resources to components
Figma for VS Code
The Figma for VS Code extension lets you navigate and inspect design files, collaborate with designers, track changes, and speed up design implementation—all without leaving your development environment.
Dev Mode price tiers
Note: Since Dev Mode and Figma for VS Code are still in beta, the pricing and timeline mentioned here are subject to change. We’ll keep you updated so you know what to expect.
Both Dev Mode and Figma for VS Code are available now in beta and free for everyone through the end of 2023. Starting in 2024, access to Dev Mode and the Figma for VS Code extension will require a paid seat.
With the introduction of Dev Mode, we will offer different types of viewing and editing experiences to support developers working in Figma.
Free, viewer experience
With a viewer seat, developers can collaborate with designers and access the information needed to translate designs.
Viewers can access and interact with design files from view-only design mode where they can:
- View measurements and property values
- Copy CSS, iOS, and Android code
- Export assets
- Comment on files and collaborate via cursor chat
Dev Mode-only experience
With Dev Mode, developers can improve efficiency and customize Figma to meet their needs. This plan would be well-suited for developers who primarily inspect files, but don’t need to make edits to designs.
In addition to what viewers can do, Dev Mode users can:
- Access Dev Mode to navigate and inspect files
- Track design status and changes
- Customize code output
- Integrate Figma with their toolkit
- Sync design files with their codebase
The cost for this type of seat will be:
- $25 per seat per month for the Organization plan
- $35 per seat per month for the Enterprise plan
With an editor seat, developers can make changes to a design to unblock their own work or to test out ideas. Dev Mode and Figma for VS Code will be included in the editor seat for Professional, Education, Organization, and Enterprise plans. If you already have an editor seat, you will have access to these features next year at no extra cost.
In addition to what Dev Mode users can do, editors can:
- Edit files and use all design tools in Design Mode
- Run plugins that can edit designs
- Mark or unmark sections as ready for development (via Design or Dev Mode)
Jambot in FigJam open beta
Jambot is a FigJam widget that adds a visual version of ChatGPT to your board. Jambot helps you summarize stickies from a meeting, brainstorm ideas, rewrite text in new styles, and more.
Use Jambot to:
- Brainstorm ways to kick off your team meeting or
- Summarize sticky notes on your board to help wrap up a meeting and create actionable tasks
- Reframe text for a specific audience, tone, or format
- Learn something new by asking the widget a question or to expand on a topic
- Write code