A 200+ Item Tune-Up for Dev Mode
Two months after Dev Mode’s public beta launch, Figma has shipped over 200 updates targeting usability, performance, and feature completeness. The bulk of these changes responds directly to roughly 5,000 pieces of community feedback collected from blog comments, webinars, and social channels. The new release touches nearly every corner of the workspace, from inspecting layers to generating code.
Feature Additions and Workflow Fixes
A significant batch of new capabilities focuses on how developers find and inspect the assets they need. Status labels, previously limited to sections, can now be applied to components, instances, and frames individually. Users can also access layout grids, rules, and outline mode through the “View” menu or via the same keyboard shortcuts used in Design Mode. For detached components, a new option lets you compare the current state directly against the main component.
Code generation has gained two requested output formats: Android XML and iOS UIKit are both back as selectable options. A new UIColor format has also been added to the color dropdown in the Inspect panel, giving developers an additional way to copy color values.
Version history is now integrated into the inspection workflow. Clicking the file name in the toolbar allows you to view and inspect different iterations of the design without leaving Dev Mode.
Inspect Panel and Playground Refinements
The Inspect panel and component playground received several targeted enhancements. When a component originates from an external library, the library’s name is now surfaced in the panel. Nested component properties and multi-mode configurations—such as light and dark themes—are now visible and can be tested within the component playground.
Unit control has been made more precise: you can select the rem unit for text properties while keeping other properties in pixels. Alternative unit preferences have also been relocated to the main preferences menu for better discoverability. A new source files section permits direct downloads of assets like images that are part of the design.
Further quality-of-life improvements include the ability to select individual parts of text on the canvas to inspect, a vertically resizable layers panel in the left sidebar, and the display of rich typography details—including style name, font size, and line height—which can be copied with a single click. When a raw value is a high-probability match with a variable in your design system, Figma will now suggest that variable. Inspect values can also be reviewed as Figma properties—not just as generated code. For sections, a collated view aggregates links by frame at the section level.
Codegen Output Expansions
Several updates sharpen the generated CSS and the code-copying workflow. Holding “Shift” now copies all available code snippets at once, rather than one at a time. The output is more explicit as well: CSS code snippets always display font-style, line-height, and font-weight values. The line-height property shows both percentage and pixel values so the information is unambiguous. OpenType features are now honored in codegen, with support for font-feature-settings, font-variant-numeric, and font-kerning.
Auto layout codegen has expanded variable support for min-width, max-width, min-height, and max-height, plus vertical gaps in wrapping layouts. For text layers with multiple paragraphs or spans using different styles, the CSS output now displays the code for each individual style. Padding values are also rendered more faithfully: you can use padding-top, -bottom, -left, and -right in CSS even when only a single padding value is defined.
For teams looking to further customize output, there are now nearly 80 codegen plugins available in the Figma community covering frameworks like Tailwind, React, and Vue.
Stability and Interface Fixes
Beyond new features, the update addresses a number of bugs affecting navigation and rendering. Users can now toggle between Design and Dev Mode using tab navigation. The layers panel has improved right-click context menu support, and layer names can be selected and copied directly from the panel. Gradients within text now render more smoothly.
Display bugs for alternative units across all hint texts and tooltips have been corrected. Fixes are also included for login issues within the Figma VS Code extension, with a troubleshooting guide published to handle external factors. Finally, Figma says it solved performance issues in certain larger files.
