Developer mode
Opens components on the React tab by default.
Your bookmarks

Desktop

Shows content only on desktop viewports.

When you’re designing for large screens, you’ll want your designs to fill up the space. Often you’ll include expansive content to capture attention. But you don’t want that same content overwhelming smaller screens and crowding out the main focus.

In such cases, you can use Desktop components to show your larger content only on screens where it will fit.

If you want content only on smaller screens, use a Mobile component. To vary content based on screen size, you can also use Hide components.

Component status

Figma
n/a
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Sketch
n/a