On this page
The old layout had Design, Prototype and Inspect side by side, so a lot of people went looking. The forum thread "Where is the Inspect Tab?" has about 37k views, and several near-identical threads followed.
Which tab replaced Inspect for you?
It depends on your access to the file. Figma's inspecting guide splits it three ways:
- View-only access: the Properties tab lists the selected layer's properties.
- Can edit access: the Design tab does the same job.
- Dev Mode: the Inspect tab, with code, variables and the Assets section.
How to see CSS in Figma without Dev Mode
- Select the layer on the canvas.
- Right-click it and choose Copy/Paste as → Copy as code.
- Pick the code option you need, such as CSS, iOS or Android, and paste it into your editor.
Measuring works too: select one layer, hold ⌥ / Alt and hover over another to see the distance. You can also export assets and comment. Dev Mode adds variable details, annotations, compare changes and export sizes for images. The full list of what each seat gets is in how to open Dev Mode in Figma.
Copy as code gives you one layer at a time. For a developer who needs spacing and anatomy for a whole component, a spec sheet on the canvas works for every seat. Figma design specs covers that, and AutoSpec generates one from a component.
Why is the Inspect tab not showing?
- You're not in Dev Mode. Inspect only exists there. Press ⇧D / Shift+D.
- The Dev Mode toggle is missing. The file belongs to a Starter team, or you have a Collab or View seat. Use the Properties tab and Copy as code, or ask an admin for a Full or Dev seat.
- Nothing is selected. Most of the panel is about the current selection. Click a layer.
- The whole right sidebar is gone. See the next section.
Usually the UI is minimised or hidden, not broken:
- Minimize UI collapses the navigation bar and both sidebars. Press ⇧⌘\ / Ctrl+Shift+\ again, or click the minimise button next to the file name. While minimised, selecting a layer brings the right sidebar back until you deselect.
- Hide UI hides everything. Press ⌘\ / Ctrl+\ to show it again.
- Browser zoom can push the panels off screen. Reset the browser's zoom to 100%, or use the desktop app. People in the "Right Side Bar disappeared" thread fixed it this way.
- FigJam doesn't have one. FigJam files use a bottom toolbar and no static right panel.
| Action | Mac | Windows |
|---|---|---|
| Toggle Dev Mode | Mac⇧D | WindowsShiftD |
| Minimize UI | Mac⇧⌘\ | WindowsCtrlShift\ |
| Show or hide UI | Mac⌘\ | WindowsCtrl\ |
| Actions menu | Mac⌘K | WindowsCtrlK |
| Measure to another layer | Mac⌥ | WindowsAlt |
Where did it go in UI3?
UI3 is Figma's redesigned interface. Here's where the most-searched tools ended up:
- Inspect tab: Dev Mode's Inspect tab, or the Properties tab for view-only users.
- Toolbar: at the bottom of the canvas. The Dev Mode toggle is in it.
- Component and variant options: at the top of the right sidebar when a component is selected.
- Create component set: the dropdown arrow next to Create component at the top of the right sidebar. Generating every variant covers what to do next.
- Absolute position: called Ignore auto layout in the right sidebar. See absolute position in Figma.
- Constraints: in the Position section, and only for children of a plain frame. See constraints not showing.
- Variables: a Variables tab in the left navigation bar. See Figma variables not showing.
Can you go back to the old Figma UI?
No. During the rollout there was a Go back to previous UI option in the help menu. According to Figma staff on the forum, UI3 became the default for everyone on April 30, 2025 and the option was removed. The "Get Back to Old View" thread is where that was confirmed. If the new layout feels cramped, Minimize UI gets you the most canvas.
Ranked listThe best Figma Dev Mode and handoff plugins in 2026Frequently asked questions
Where is the Inspect tab in Figma?
In Dev Mode. Press Shift+D or click the Dev Mode toggle in the toolbar, then open the Inspect tab in the right sidebar. View-only users get the same basics in the Properties tab.
How do I get CSS from Figma without Dev Mode?
Select the layer, right-click and choose Copy/Paste as, then Copy as code, and pick CSS. This works with view or edit access.
Why did my right sidebar disappear in Figma?
Usually Minimize UI (⇧⌘\ / Ctrl+Shift+\) or Hide UI (⌘\ / Ctrl+\) is on. Press the shortcut again. If that doesn't help, reset the browser zoom to 100%.
Can I switch back to the old Figma UI?
No. The option to go back to the previous UI was removed when UI3 became the default for everyone in April 2025.
More in Dev Mode & handoff
- Figma Annotations: How They Work and Who Can See ThemHow Figma annotations work in Design and Dev Mode, which seats can add and view them, how they differ from comments, and when an annotation plugin helps.
- How to Make Design Specs in FigmaWhat a Figma design spec should include, how to build a component spec template by hand, what Dev Mode already covers, and how to generate specs with Autospec.
- How to Open Figma in Dev ModeOpen Figma Dev Mode with Shift+D or the toolbar toggle. Which plans and seats get it, why you see "can't access Dev Mode", and how to inspect without it.
- How to Convert a Figma Gradient to CSSCopy a Figma gradient as CSS from Dev Mode or Copy as code, then fix the angles and stop positions that don't match in the browser. Linear and radial.
- How to Set Up the Figma MCP ServerSet up the Figma MCP server in Claude Code, Cursor, VS Code or Codex, see tool call limits for your plan and seat, and fix OAuth, connection and tool errors.
- How to Export Code from Figma MakeExport code from Figma Make as a zip or push it to GitHub, run it locally with npm, open it in VS Code or Cursor, and copy the preview into Figma as layers.
- How to install Figma pluginsFigma plugins don't need installing: open one from the Community or run it inside a file. Steps for Figma Design, Dev Mode, FigJam, Slides, saving and admins.
- Figma plugins not working? How to fix itFigma plugins not loading, missing or greyed out? Check your seat and edit access, org approval, network blocks and cache. A step-by-step checklist that works.
