Skip to content

Instantly share code, notes, and snippets.

@vladstudio
Last active September 26, 2024 15:00
Show Gist options
  • Save vladstudio/91868a0c65e10e5283fa167d5006cd2f to your computer and use it in GitHub Desktop.
Save vladstudio/91868a0c65e10e5283fa167d5006cd2f to your computer and use it in GitHub Desktop.
Figma web app: remove spacing from panels

SCR-20240926-qnar

  1. Install "User JavaScript and CSS" extension from https://chromewebstore.google.com/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld

  2. Go to https://www.figma.com/, open any design file.

  3. Click the extension button, add a new rule

  4. Paste the following Javascript, Save, reload Figma tab.

Gotchas: does not work well if you have Rulers on.

div[class^=left_panel_positioner] {
	left: 0!important;
	top: 0!important;
}
div[class^=properties_panel--drillDownContainer], div[class^=properties_panel--panelPosition] {
	right: 0!important;
	top: 0!important;
}
div[class^=left_panel_container--panel], div[class^=properties_panel--panelContainer], div[class^=toolbelt--root] {
	border-radius: 0!important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment