Related Videos

• View and manage account settings

  Anyone can register for a Figma account using an email address and unique password, logging in with your Google account, or SAML SSO if you're a member of an organization.

  Your account allows you access to everything in Figma, including your team or projects, files, and the Figma Community.

  View and manage account-level settings, your Community settings, and plugins from your account settings.

  1. Open Figma in the file browser.
  2. Select your avatar in the top-right corner to open the account menu.
  3. Select Settings to open the settings modal.
  4. Select Account ↓, Community ↓, or Plugins ↓ to explore related settings.

  

  Account

  Manage any settings associated with your account:

  • Manage account address and password
  • Manage account name or avatar
  • Enable or disable two-factor authentication (2FA)
  • Adjust your email notification settings
  • Choose which libraries you want to enable for files in your drafts
  • Manage access tokens to the Figma Rest API
  • Connect or revoke access to any third-party applications

  Note: If you're a member of any organizations, you'll also see the organization name and your role and account type in that organization. You can request an upgrade next to your role. Learn how to request upgrades →

  Community

  View and manage your Community profile and any Community related settings:

  • Register a handle to create a Community profile
  • Add and remove profile connections
  • Manage the primary email for your Community profile
  • Manage Community notifications
  • Delete your Community profile

  Plugins

  When you install a plugin, Figma makes that plugin available across your account.

  Visit the Plugins settings to view and manage your plugins, including any plugins you've published or are developing. Figma groups plugins by Installed, In development, and Published.

  • View and manage your installed plugins
  • Register, publish, or manage plugins you've developed
• Manage your saved plugins

  Before you start

  Who can use this feature

  Anyone on any team or plan can access the plugins feature.

  
  

  People on the Organization plan may only be able to use approved plugins. Learn how to manage plugins in an organization →

  View saved plugins

  View and manage your saved plugins from within a file or the Plugins tab of your account settings.

  You can only save plugins on Figma design. Figma links any plugins you’ve saved to your Figma account. If you’ve added profile connections, saved plugins will display across your connected accounts.

  Want to manage plugins you have developed? Learn how to manage plugins as a developer →

  View your saved plugins by doing one of the following:

  From the file browser

  1. Click the account menu in the top-right corner and select Plugins.
  2. From the plugins management modal, view plugins sorted by Saved, In development, and Published.

  From a Figma file

  To access saved plugins from a Figma file, do one of the following:

  • Navigate to the File menu in the top-left corner and select Plugins > Saved plugins
  • Right-click anywhere on the board or editor and select Plugins > Saved plugins
  • Click to open the Resources modal, select the Plugins tab, and then select Saved from the dropdown menu

  Note: If you are a member of an organization, admins can restrict which public plugins you can use. When an organization admin enables the plugins approval list, you will not be able to use any unapproved plugins. You can still use existing plugins that you have saved in your personal space. Reach out to your organization admin to request a plugin for approval.

  Remove saved plugins

  When you remove a saved plugin, Figma immediately removes it from your account. You can always search for and save the plugin again if you change your mind.

  Remove saved plugins by doing one of the following:

  From the file browser

  1. Click the account menu in the top-right corner and select Plugins.
  2. Click next to the plugin.
  3. Select Remove from saved plugins.

  From a Figma file

  1. Click to open the Resources modal.
  2. Select the plugin you want to remove.
  3. Click next to the plugin.
  4. Select Remove from saved plugins.

  Contact plugin developers

  Figma does not provide support for third-party applications. If you have questions about, or issues with a plugin, we recommend reaching out to the developer.

  Every plugin developer must provide a support contact. This can be an email address, a website, or a link to a help center.

  Access the plugin’s support contact information by doing one of the following:

  From the file browser

  1. Click the account menu in the top-right corner and select Plugins.
  2. Click next to the plugin and select Show details.
  3. Scroll to find the Support contact in the details.

  From a Figma file

  1. 1. Click to open the Resources modal.
     2. Click on a plugin to view its details.
     3. Click See more details in Community.

  Report a plugin

  Report plugins that are inappropriate, or look suspicious, to the Figma team.

  1. 1. Open the plugin listing.
     2. Click the Flag as inappropriate link on the right-hand side.
     3. This will create a new email message on your computer's default email app. Add details of your report in your message.
     4. When you're finished, send your email message to our plugins review team to review your feedback.
• Change your language preference

  Before you Start

  Who can use this feature

  Users on any plan

  You can change your preferred language for the Figma website, apps, and marketing emails. Figma currently supports English and Japanese. You can use Google’s Chrome browser and its machine translation to translate Figma into more languages →

  Change your language preference

  From a file or the file browser

  

  To change your preferred language from within a file or the file browser:

  1. Click in the bottom-right corner.
  2. Click Change languages.
  3. Choose your preferred language in the Change languages modal.
  4. Click Save.
  5. Figma refreshes the current tab and displays the chosen language. You must manually refresh any other open tabs to see the change.

  From your account settings

  To change your preferred language from your account settings:

  1. From the Figma file browser, select your avatar in the top-right corner.
  2. Click Settings.
  3. Choose your preferred language in the Change languages modal.
  4. Click Save.
  5. Figma refreshes the current tab and displays the chosen language. You must manually refresh any other open tabs to see the change.

  On a mobile device

  You can change the language displayed in the Figma mobile app by updating the preferred language in your mobile device settings. The Figma mobile app currently supports English and Japanese.

  1. Use one of the following to change the language on your mobile device:

     • Android devices: Change the language on your Android device
     • iOS devices:
       • Change the language on your iPhone or iPad
       • You can also change the language preference for just the Figma app by navigating to Settings > Figma and selecting a language from the Preferred Language dropdown menu.
  2. Restart the Figma mobile app.

  Note: If the top preferred language on your device is a language other than English or Japanese, the Figma mobile app may default to Japanese. To prevent this, add English as a preferred language on your device and reorder the languages so that English comes before Japanese.

• Open links in the desktop app

  Who can use this feature

  Supported on any Figma team or plan

  Mac: Must be running 10.11 (OS X El Capitan) or later.

  Windows: Must be running Windows 8 or later in a 64-bit environment.

  View minimum browser requirements for Figma →

  You can access your Figma files via their unique URL. These can be used to open the file in the browser, or in the Figma desktop app.

  There are a few different methods for opening Figma URLs in the desktop app.

  Note: Prototyping links can currently only be opened in the browser.

  When you open a file link

  When you click on a Figma link, Figma will open the link in the browser by default.

  If you have the desktop app installed, you'll see an alert when the file opens. Figma will ask you: Do you want to open this file in the Figma app?

  

  There are a few options available:

  • To continue to view the file in the browser, click Dismiss.
  • To only open the app now, uncheck the box next to Always open in the app and click the Open in app button.
  • If you'd like to open all Figma file links in the desktop app, click Open in app:

  Figma will open the desktop app and load the file. You will still be able to view the file in the browser, click the Open here instead link in the browser window:

  If you choose Always open in app, Figma will remember your decision. The next time you open a Figma URL you will be shown a loading screen in the browser.

  Open the current file

  If you want to view your current file in the desktop app, we have a Open in desktop app setting. When you select this, Figma will open your current file in the desktop app.

  1. Go to the menu in the toolbar.
  2. Select Open in desktop app from the options:
  3. Figma will open the desktop app and load the file.

  Note: You need to log in to the same account on the browser and desktop app for this link to work.
  
  If you are logged into an account that doesn't have access to a file - or you're logged into different accounts - you will not be able to open or access the file.

  Update your link preferences

  If you want to open all Figma URLs in the desktop app, you can enable the Open links in desktop app setting. You can find this in your Preferences.

  You can only access this setting if:

  • You have the desktop app installed
  • You are using the browser version of Figma. This setting isn't available in the desktop app.

  1. Open the menu and hover over the Preferences option.
  2. Select the Open links in desktop app setting.
  3. A checkmark will be displayed next to the setting to show it is enabled. If there is a check next to the the setting already, you can select the setting again to disable it.
• Change Figma's language using Google Chrome

  Figma and FigJam are available in English and Japanese. Figma's Support team is only able to provide support in English at this time. Get help from the Figma Support team →

  Use Google’s Chrome browser to translate available interface text in Figma and FigJam. Machine translation is an imperfect process, so keep in mind that some text may be translated incorrectly or not translated at all. Change Chrome languages and translate webpages →

  Note: Chrome’s translation feature is only available in the Google Chrome browser. It is not available in other browsers or when using the Figma desktop app.

  You can only access the translation settings from the toolbar in Figma. This is because Figma overrides the browser’s right-click behavior in other areas to display its own menus.

  Translate using Chrome

  1. Right-click on the Figma toolbar and select Translate to [language]. The language that displays may vary.
     
  2. If the desired language is not displayed, click the translate icon on the right side of the address bar to expand it.
  3. Click the triple dot menu and select Choose Another Language.
  4. Select a language from the list of available languages.
     
  5. Click Translate.

  Note: Chrome won’t translate the entire page at once. You may notice a delay when translating new elements, such as opening or expanding a menu.

• Adjust the scale of the Figma UI

  In the Figma desktop app, you can zoom in or out of the Figma interface to personalize your view.

  Scaling the size of the interface is useful if the default size is too small for your comfort or display.

  This includes the scale of the:

  • Sidebar in your file browser
  • Left and right sidebars in the Editor
  • Text size for the tools and icons in any panels, modals, and menus

  Keep in mind, increasing the scale of the interface will result in less working space in the canvas.

  Adjust interface scale

  Browser app

  If you want to adjust the size of the Figma interface in a browser, you can do so from the browser's View menu.

  1. Open a Figma design file.
  2. Click View from the browser's toolbar at the top of your window.
  3. Click Zoom. These steps may vary slightly between supported browsers.

  To revert your browser's zoom to 100%, click Actual size in the View menu.

  Desktop app

  1. In the Desktop app, click View from the menu bar.
  2. Hover over the Interface Scale option:
  3. Choose to:
     • Reset to Default
     • Make Larger
     • Make Smaller

  Keyboard shortcuts

  Mac:

  • Reset to Default: ⌥ Option⇧ Shift⌘ Command0
  • Make Larger: ⌥ Option⇧ Shift⌘ Command=
  • Make Smaller: ⌥ Option⇧ Shift⌘ Command-

  Windows:

  • Reset to Default: CtrlShiftAlt0
  • Make Larger: CtrlShiftAlt=
  • Make Smaller: CtrlShiftAlt-

  Tip! To zoom in or out of objects in the canvas, learn about adjusting your view settings in the Editor.

• Select keyboard layout

  Who can use this feature

  Supported on any team or organization plan.

  Available in Figma design and FigJam files.

  Figma’s default keyboard shortcuts are based on the layout of a US QWERTY keyboard. Some of the keys in these shortcuts aren’t available in other languages or layouts.

  You can update your keyboard layout in your preferences to access shortcuts mapped to that layout. Figma supports the following keyboard layouts:

  • Chinese (Pinyin)
  • Danish
  • Finnish
  • French AZERTY
  • German QWERTZ
  • Italian
  • Japanese (Kana)
  • Korean
  • Norwegian
  • Portugese
  • Spanish
  • Spanish (Latin America)
  • Swedish
  • U.K. (Mac / PC)
  • U.S. QWERTY / Generic

  If you don’t see your keyboard as an option, you can submit a request using this form.

  Select keyboard layout

  You can change your keyboard layout from any open file. Your preference will apply to your entire account. You can also use this setting to revert to Figma’s default keyboard layout.

  Note: When possible, Figma will notify you of a mismatch between your system keyboard and your keyboard layout in Figma. If you do make a change to your system keyboard, make sure to also update your keyboard layout in Figma.

  1. Click in the bottom-right corner of your screen and select Keyboard shortcuts.
  2. Select the Layout tab.
  3. Use the dropdown to update your layout. Preview keyboard layouts by hovering over each option before selecting it. 
     
     • Select Generic to revert to the default keyboard layout and use Figma’s default mappings.
  4. Use the tabs at the top of the panel to view the shortcuts for your layout. Use shortcuts and quick actions →

  

  Tip: Access the keyboard shortcuts panel from the main menu. Open the menu and go to Preferences > Keyboard layout.

  Remapped shortcuts

  We have focused our initial efforts on a selection of popular shortcuts. We hope to expand on these in the future. Select the tab for your keyboard layout to view the updated shortcuts.

  Chinese (Pinyin) Danish Finnish French (AZERTY) German (QWERTZ) Italian Japanese (Kana) Korean Norwegian Portuguese Spanish Spanish (Latin America) Swedish U.K. (QWERTY) US QWERTY (Generic)

  Action	Mac	Windows
  Add code block	`	`
  Use cursor chat	/	/
  Open quick actions...	⌘Command/	Ctrl/
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	\	\
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	⌘\	Ctrl\
  Show left sidebar	⇧Shift⌘Command\	ShiftCtrl\
  Pixel grid	⇧Shift′	Caps lock′
  Snap to pixel grid	⇧Shift⌘Command′	ShiftCtrl′
  Multiplayer cursors	⌥Option⌘Command\	AltCtrl\
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option/	Alt,
  Remove stroke	⇧Shift/	Shift,
  Send to back	[	[
  Send backward	⌘Command[	Ctrl[
  Bring to front	]	]
  Bring forward	⌘Command]	Ctrl]
  Adjust list indentation	⌘Command and [ (decrease) or ] (increase)	Ctrl and [ (decrease) or ] (increase)
  Adjust font size	⇧Shift ⌘Command and < (decrease) or >(increase)	ShiftCtrl and < (decrease) or >(increase)
  Adjust font weight	⌥Option⌘Command and < (decrease) or >(increase)	AltCtrl and < (decrease) or >(increase)
  Adjust letter spacing	⌘Command and < (decrease) or >(increase)	Ctrl and < (decrease) or >(increase)
  Adjust line height	⇧Shift⌥Option and < (decrease) or >(increase)	ShiftAlt and < (decrease) or >(increase)

  Action	Mac	Windows
  Add code block	⇧Shift⌘Command.	ShiftCtrl.
  Use cursor chat	$	$
  Open quick actions	⌘Command,	Ctrl,
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	′	′
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	$	$
  Show left sidebar	⇧Shift⌘Command$	ShiftCtrl$
  Pixel grid	⇧Shift′	Shift′
  Snap to pixel grid	⇧Shift⌘Command′	ShiftCtrl′
  Multiplayer cursors	⌥Option⌘Command§	AltCtrl§
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option,	Alt,
  Remove stroke	⇧Shift,	Shift,
  Send to back	Æ	Æ
  Send backward	⌘CommandÆ	CtrlÆ
  Bring to front	Ø	Ø
  Bring forward	>CommandØ	CtrlØ
  Adjust list indentation	⌘Command and Ø (increase) or Æ (decrease)	CtrlÆ
  Adjust font size	⇧Shift⌘Command and ¨ (increase) or Å (decrease)	Ctrl and ¨ (increase) or Å (decrease)
  Adjust font weight	⌥Option⌘Command and ¨ (increase) or Å (decrease)	AltCtrl and ¨ (increase) or Å (decrease)
  Adjust letter spacing	⌥Option and ¨ (increase) or Å (decrease)	Alt and ¨ (increase) or Å (decrease)
  Adjust line height	⇧Shift⌥Option and ¨ (increase) or Å (decrease)	⇧ShiftAlt and ¨ (increase) or Å (decrease)

  Action	Mac	Windows
  Add code block	⇧Shift⌘Command.	ShiftCtrl.
  Use cursor chat	,	,
  Open quick actions	⌘Command,	Ctrl,
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	′	′
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	§	§
  Show left sidebar	⇧Shift⌘Command§	ShiftCtrl§
  Pixel grid	⇧Shift′	Shift′
  Snap to pixel grid	⇧Shift⌘Command′	ShiftCtrl′
  Multiplayer cursors	⌥Option⌘Command§	AltCtrl§
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option,	Alt,
  Remove stroke	⇧Shift,	Shift,
  Send to back	Ö	Ö
  Send backward	⌘CommandÖ	CtrlÖ
  Bring to front	Ä	Ä
  Bring forward	>CommandÄ	CtrlÄ
  Adjust list indentation	⌘Command and Ä (increase) or Ö (decrease)	CtrlÄ
  Adjust font size	⇧Shift⌘Command and < (increase) or > (decrease)	Ctrl and < (increase) or > (decrease)
  Adjust font weight	⌥Option⌘Command and ¨ (increase) or Å (decrease)	AltCtrl and ¨ (increase) or Å (decrease)
  Adjust letter spacing	⌥Option and ¨ (increase) or Å (decrease)	Alt and ¨(increase) or Å (decrease)
  Adjust line height	⇧Shift⌥Option and ¨(increase) or Å (decrease)	⇧ShiftAlt and ¨(increase) or Å (decrease)

  Action	Mac	Windows
  Add code block	⇧Shift⌘Command.	ShiftCtrl.
  Use cursor chat	$	$
  Open quick actions	⌘Command,	Ctrl,
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	′	′
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	$	$
  Show left sidebar	⇧Shift⌘Command$	ShiftCtrl$
  Pixel grid	⇧Shift′	Shift′
  Snap to pixel grid	⇧Shift⌘Command′	ShiftCtrl′
  Multiplayer cursors	⌥Option⌘Command§	AltCtrl§
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option,	Alt,
  Remove stroke	⇧Shift,	Shift,
  Send to back	Æ	Æ
  Send backward	⌘CommandÆ	CtrlÆ
  Bring to front	Ø	Ø
  Bring forward	>CommandØ	CtrlØ
  Adjust list indentation	⌘Command and Ø (increase) or Æ (decrease)	CtrlÆ
  Adjust font size	⇧Shift⌘Command and ¨ (increase) or Å (decrease)	Ctrl and ¨ (increase) or Å (decrease)
  Adjust font weight	⌥Option⌘Command and ¨ (increase) or Å (decrease)	AltCtrl and ¨ (increase) or Å (decrease)
  Adjust letter spacing	⌥Option and ¨ (increase) or Å (decrease)	Alt and ¨ (increase) or Å (decrease)
  Adjust line height	⇧Shift⌥Option and ¨ (increase) or Å (decrease)	⇧ShiftAlt and ¨ (increase) or Å (decrease)

  Action	Mac	Windows
  Add code block	Shift⌘Command:	ShiftCtrl:
  Use cursor chat	:	:
  Open quick actions...	⌘Command:	Ctrl:
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	£ or ⇧Shift⏎Enter	£ or ShiftReturn
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	# or ⌘Command# or ⌘Command.	ˆ or Ctrl. or Ctrl #
  Show left sidebar	⇧Shift⌘Command#	ShiftCtrl#
  Pixel grid	⌘Command£	Ctrl£
  Snap to pixel grid	Shift⌘Command£	ShiftCtrl£
  Multiplayer cursors	⌥Option⌘Command#	AltCtrl#
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option:	Alt:
  Remove stroke	⇧Shift:	Shift:
  Send to back	ˆ	ˆ
  Send backward	⌘Commandˆ	Ctrlˆ
  Bring to front	$	$
  Bring forward	⌘Command$	Ctrl$
  Adjust list indentation	⌘Command and $ (increase) or ˆ (decrease)	Ctrl and $ (increase) or ˆ (decrease)
  Adjust font size	⇧Shift⌘Command and ,(increase) or ; (decrease)	Ctrl and , (increase) or ; (decrease)
  Adjust font weight	⌥Option⌘Command and , (increase) or ; (decrease)	AltCtrl and , (increase) or ; (decrease)
  Adjust letter spacing	⌥Option and , (increase) or ; (decrease)	Alt and , (increase) or ; (decrease)
  Adjust line height	⇧Shift⌥Option and , (increase) or ; (decrease)	ShiftAlt and , (increase) or ; (decrease)
  Type ellipsis …	⌥Option;	Alt;
  Type @	@	AltGrO
  Type \	⌥Option ⇧⇧Shift:	AltGr8

  Action	Mac	Windows
  Add code block	⇧Shift⌘Command.	ShiftCtrl.
  Use cursor chat	,	,
  Open quick actions...	⌘Command,	Ctrl,
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	# or ⇧Shift⏎Enter	# or ShiftReturn
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	ˆ or ⌘Command. or ˆ or ⌘Commandˆ	ˆ or Ctrl. or Ctrl ˆ
  Show left sidebar	⇧Shift⌘Commandˆ	ShiftCtrlˆ
  Pixel grid	⌘Command#	Ctrl#
  Snap to pixel grid	⇧Shift#	Shift#
  Multiplayer cursors	⌥Option⌘Command.	AltCtrl.
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option,	Alt,
  Remove stroke	⇧Shift,	Shift,
  Send to back	Ö or ⌘Command⌥OptionÖ	Ö
  Send backward	⌘CommandÖ	CtrlÖ
  Bring to front	Ä or ⌘Command⌥OptionÄ	Ä
  Bring forward	⌘CommandÄ	CtrlÄ
  Adjust list indentation	⌘Command and Ä (increase) or Ö (decrease)	Ctrl and Ä (increase) or Ö (decrease)
  Adjust font size	⇧Shift⌘Command and ´ (increase) or ß (decrease)	Ctrl and ´ (increase) or ß (decrease)
  Adjust font weight	⌥Option⌘Command and ´ (increase) or ß (decrease)	AltCtrl and and ´ (increase) or ß (decrease)
  Adjust letter spacing	⌥Option and ´ (increase) or ß (decrease)	Alt and ´ (increase)or ß (decrease)
  Adjust line height	⇧Shift⌥Option and ´ (increase) or ß (decrease)	⇧ShiftAlt and ´ (increase) or ß (decrease)
  Type ellipsis …	⌥Option.	Alt.
  Type @	⌥OptionL	AltGrQ
  Type \	⌥OptionL	AltGrß

  Action	Mac	Windows
  Add code block	Shift⌘Command.	ShiftCtrl.
  Use cursor chat	,	,
  Open quick actions	⌘Command,	Ctrl,
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	Ù	Ù
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	\\	\\
  Show left sidebar	⇧Shift⌘Command′	ShiftCtrl′
  Pixel grid	⇧ShiftÙ	ShiftÙ
  Snap to pixel grid	⇧Shift⌘CommandÙ	ShiftCtrlÙ
  Multiplayer cursors	⌥Option⌘Command\\	AltCtrl\\
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option,	Alt,
  Remove stroke	⇧Shift,	Shift,
  Send to back	Ò	Ò
  Send backward	⌘CommandÒ	CtrlÒ
  Bring to front	À	À
  Bring forward	>CommandÀ	CtrlÀ
  Adjust list indentation	⌘Command and À (increase) or Ò (decrease)	CtrlÒ
  Adjust font size	⇧Shift⌘Command and Ì (increase) or ′ (decrease)	Ctrl and Ì (increase) or ′ (decrease)
  Adjust font weight	⌥Option⌘Command and Ì (increase) or ′ (decrease)	AltCtrl and Ì (increase) or ′ (decrease)
  Adjust letter spacing	⌥Option and Ì (increase) or ′ (decrease)	Alt and Ì (increase) or ′ (decrease)
  Adjust line height	⇧Shift⌥Option and Ì (increase) or ′ (decrease)	⇧ShiftAlt and Ì (increase) or ′ (decrease)

  Action	Mac	Windows
  Add code block	⌘Command⌥Option￥	CtrlAlt￥
  Use cursor chat	/	/
  Open quick actions...	⌘Command/	Ctrl/
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	⇧Shift⏎Enter or ￥	ShiftReturn or ￥
  Zoom in	+ or ⌘Command+ or ˆ or ⌘Command ˆ	+ or Ctrl+ or ＾
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	゛ or ⌘Command゛	゛ or Ctrl゛
  Show left sidebar	⇧Shift⌘Command゛	ShiftCtrl゛
  Pixel grid	⇧Shift￥	Caps lock￥
  Snap to pixel grid	⇧Shift⌘Command￥	ShiftCtrl￥
  Multiplayer cursors	⌥Option⌘Command゛	AltCtrl.
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option/	Alt,
  Remove stroke	⇧Shift/	Shift,
  Send to back	[	[
  Send backward	⌘Command[	Ctrl[
  Bring to front	]	]
  Bring forward	⌘Command]	Ctrl]
  Adjust list indentation	⌘Command and [ (increase) or ] (decrease)	Ctrl and [ (increase) or ] (decrease)
  Adjust font size	⇧Shift ⌘Command and < (increase) or >(decrease)	ShiftCtrl and < (increase) or >(decrease)
  Adjust font weight	⌥Option⌘Command and < (increase) or >(decrease)	AltCtrl and < (increase) or >(decrease)
  Adjust letter spacing	⌘Command and < (increase) or >(decrease)	Ctrl and < (increase) or >(decrease)
  Adjust line height	⇧Shift⌥Option⌘Command and < (increase) or >(decrease)	ShiftAlt and < (increase) or >(decrease)
  Type ellipsis …	N/A	N/A
  Type @	@	@
  Type \	￥	￥

  Action	Mac	Windows
  Add code block	`	`
  Use cursor chat	/	/
  Open quick actions...	⌘Command/	Ctrl/
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	⇧Shift⏎Enter or \	ShiftReturn or \
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	₩ or ⌘Command\ or ⌘Command.	₩ or Ctrl\ or Ctrl.
  Show left sidebar	⇧Shift⌘Command\	ShiftCtrl\
  Pixel grid	⇧Shift'	Shift'
  Snap to pixel grid	⇧Shift⌘Command'	ShiftCtrl'
  Multiplayer cursors	⌥Option⌘Command\	AltCtrl\
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option/	Alt/
  Remove stroke	⇧Shift/	Shift/
  Send to back	[	[
  Send backward	⌘Command[	Ctrl[
  Bring to front	]	]
  Bring forward	⌘Command]	Ctrl]
  Adjust list indentation	⌘Command and [ (increase) or ] (decrease)	Ctrl and [ (increase) or ] (decrease)
  Adjust font size	⇧Shift ⌘Command and < (increase) or >(decrease)	ShiftCtrl and < (increase) or >(decrease)
  Adjust font weight	⌥Option⌘Command and < (increase) or >(decrease)	AltCtrl and < (increase) or >(decrease)
  Adjust letter spacing	⌘Command and < (increase) or >(decrease)	Ctrl and < (increase) or >(decrease)
  Adjust line height	⇧Shift⌥Option⌘Command and < (increase) or >(decrease)	ShiftAlt and < (increase) or >(decrease)
  Type ellipsis …	⌥Option ;	Alt ;

  Action	Mac	Windows
  Add code block	Shift⌘Command.	ShiftCtrl.
  Use cursor chat	,	,
  Open quick actions	⌘Command,	Ctrl,
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	@	@
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	′	′
  Show left sidebar	⇧Shift⌘Command′	ShiftCtrl′
  Pixel grid	⇧Shift@	Shift@
  Snap to pixel grid	⇧Shift⌘Command@	ShiftCtrl@
  Multiplayer cursors	⌥Option⌘Command′	AltCtrl′
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option,	Alt,
  Remove stroke	⇧Shift,	Shift,
  Send to back	Ø	Ø
  Send backward	⌘CommandØ	CtrlØ
  Bring to front	Æ	Æ
  Bring forward	>CommandÆ	CtrlÆ
  Adjust list indentation	⌘Command and Æ (increase) or Ø (decrease)	CtrlÆ
  Adjust font size	⇧Shift⌘Command and ¨ (increase) or Å (decrease)	Ctrl and ¨ (increase) or Å (decrease)
  Adjust font weight	⌥Option⌘Command and ¨ (increase) or Å (decrease)	AltCtrl and ¨ (increase) or Å (decrease)
  Adjust letter spacing	⌥Option and ¨ (increase) or Å (decrease)	Alt and ¨ (increase) or Å (decrease)
  Adjust line height	⇧Shift⌥Option and ¨ (increase) or Å (decrease)	⇧ShiftAlt and ¨ (increase) or Å (decrease)

  Action	Mac	Windows
  Add code block	⇧Shift⌘Command.	ShiftCtrl.
  Use cursor chat	,	,
  Open quick actions	⌘Command,	Ctrl,
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	\ or ⇧Shift⏎Enter	\ or ⇧Shift⏎Enter
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	§ or ⌘Command. or ⌘Command§	§ or Ctrl. or Ctrl§
  Show left sidebar	⇧Shift⌘Command§	ShiftCtrl§
  Pixel grid	⇧Shift\	Shift\
  Snap to pixel grid	⇧Shift⌘Command\	ShiftCtrl\
  Multiplayer cursors	⌥Option⌘Command§	AltCtrl§
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option,	Alt,
  Remove stroke	⇧Shift,	Shift,
  Send to back	ç or ⌘Command⌥Optionç	ç or CtrlAltç
  Send backward	⌘Commandç	Ctrlç
  Bring to front	~ or ⌘Command⌥Option~	~ or CtrlAlt~
  Bring forward	⌘Command~	Ctrl~
  Adjust list indentation	⌘Command and ~ (increase) or ç (decrease)	Ctrl and ~ (increase) or ç (decrease)
  Adjust font size	⇧Shift⌘Command and º (increase) or ç(decrease)	Ctrl and º (increase) or ç (decrease)
  Adjust font weight	⌥Option⌘Command and º (increase) or ′ (decrease)	AltCtrl and º (increase) or ′ (decrease)
  Adjust letter spacing	⌥Option and º (increase) or ′ (decrease)	Alt and º (increase) or ′ (decrease)
  Adjust line height	⇧Shift⌥Option and º (increase) or ′ (decrease)	⇧ShiftAlt and º (increase) or ′ (decrease)
  Type ellipsis …	⌥Option.	Alt.

  Action	Mac	Windows
  Add code block	⇧Shift⌘Command.	ShiftCtrl.
  Use cursor chat	,	,
  Open quick actions	⌘Command,	Ctrl,
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	`	`
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	º	º
  Show left sidebar	⇧Shift⌘Commandº	ShiftCtrlº
  Pixel grid	⇧Shift`	Shift`
  Snap to pixel grid	⇧Shift⌘Command`	ShiftCtrl`
  Multiplayer cursors	⌥Option⌘Command\\	AltCtrl\\
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option,	Alt,
  Remove stroke	⇧Shift,	Shift,
  Send to back	Ñ	Ñ
  Send backward	⌘CommandÑ	CtrlÑ
  Bring to front	Ç	Ç
  Bring forward	>CommandÇ	CtrlÇ
  Adjust list indentation	⌘Command and Ç (increase) or Ñ(decrease)	CtrlÇ
  Adjust font size	⇧Shift⌘Command and ¡ (increase) or ′ (decrease)	Ctrl and ¡ (increase) or ′ (decrease)
  Adjust font weight	⌥Option⌘Command and ¡ (increase) or ′ (decrease)	AltCtrl and ¡ (increase) or ′ (decrease)
  Adjust letter spacing	⌥Option and ¡ (increase) or ′ (decrease)	Alt and ¡ (increase) or ′ (decrease)
  Adjust line height	⇧Shift⌥Option and ¡ (increase) or ′ (decrease)	⇧ShiftAlt and ¡ (increase) or ′ (decrease)

  Action	Mac	Windows
  Add code block	⇧Shift⌘Command.	ShiftCtrl.
  Use cursor chat	,	,
  Open quick actions	⌘Command,	Ctrl,
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	´	´
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	|	|
  Show left sidebar	⇧Shift⌘Command|	ShiftCtrl|
  Pixel grid	⇧Shift´	Shift´
  Snap to pixel grid	⇧Shift⌘Command´	ShiftCtrl´
  Multiplayer cursors	⌥Option⌘Command|	AltCtrl|
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option,	Alt,
  Remove stroke	⇧Shift,	Shift,
  Send to back	{	{
  Send backward	⌘Command{	Ctrl{
  Bring to front	}	}
  Bring forward	>CommandÇ	CtrlÇ
  Adjust list indentation	⌘Command and } (increase) or { (decrease)	Ctrl{
  Adjust font size	⇧Shift⌘Command and ¿ (increase) or ′ (decrease)	Ctrl and ¿ (increase) or ′ (decrease)
  Adjust font weight	⌥Option⌘Command and ¿ (increase) or ′ (decrease)	AltCtrl and ¿ (increase) or ′ (decrease)
  Adjust letter spacing	⌥Option and ¿ (increase) or ′ (decrease)	Alt and ¿ (increase) or ′ (decrease)
  Adjust line height	⇧Shift⌥Option and ¿ (increase) or ′ (decrease)	⇧ShiftAlt and ¿ (increase) or ′ (decrease)

  Action	Mac	Windows
  Add code block	⇧Shift⌘Command.	ShiftCtrl.
  Use cursor chat	,	,
  Open quick actions	⌘Command/	Ctrl/
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	` or ⇧Shift⏎Enter	# or ShiftReturn
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	`	`
  Show left sidebar	⇧Shift⌘Command`	ShiftCtrl`
  Pixel grid	⇧Shift′	Shift′
  Snap to pixel grid	⇧Shift⌘Command′	ShiftCtrl′
  Multiplayer cursors	⌥Option⌘Command`	AltCtrl`
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option/	Alt/
  Remove stroke	⇧Shift/	Shift/
  Send to back	[	[
  Send backward	⌘Command[	Ctrl[
  Bring to front	]	]
  Bring forward	>Command]	Ctrl]
  Adjust list indentation	⌘Command and ] (increase) or [ (decrease)	Ctrl[
  Adjust font size	⇧Shift⌘Command and < (increase) or > (decrease)	Ctrl and < (increase) or > (decrease)
  Adjust font weight	⌥Option⌘Command and < (increase) or > (decrease)	AltCtrl and < (increase) or > (decrease)
  Adjust letter spacing	⌥Option and < (increase) or > (decrease)	Alt and < (increase) or > (decrease)
  Adjust line height	⇧Shift⌥Option and < (increase) or > (decrease)	⇧ShiftAlt and < (increase) or > (decrease)

  Action	Mac	Windows
  Add code block	`	`
  Use cursor chat	/	/
  Open quick actions...	⌘Command/	Ctrl/
  Paste to replace	⇧Shift⌘CommandR	ShiftCtrlR
  Select parent	\	\
  Zoom in	+ or ⌘Command+	+ or Ctrl+
  Zoom out	- or ⌘Command-	- or Ctrl-
  Show and hide UI	⌘\	Ctrl\
  Show left sidebar	⇧Shift⌘Command\	ShiftCtrl\
  Pixel grid	⇧Shift′	Caps lock′
  Snap to pixel grid	⇧Shift⌘Command′	ShiftCtrl′
  Multiplayer cursors	⌥Option⌘Command\	AltCtrl\
  Layout grids	⇧ShiftG	ShiftG
  Show outlines	⇧ShiftO	ShiftO
  Remove fill	⌥Option/	Alt,
  Remove stroke	⇧Shift/	Shift,
  Send to back	[	[
  Send backward	⌘Command[	Ctrl[
  Bring to front	]	]
  Bring forward	⌘Command]	Ctrl]
  Adjust list indentation	⌘Command and [ (decrease) or ] (increase)	Ctrl and [ (decrease) or ] (increase)
  Adjust font size	⇧Shift ⌘Command and < (decrease) or >(increase)	ShiftCtrl and < (decrease) or >(increase)
  Adjust font weight	⌥Option⌘Command and < (decrease) or >(increase)	AltCtrl and < (decrease) or >(increase)
  Adjust letter spacing	⌘Command and < (decrease) or >(increase)	Ctrl and < (decrease) or >(increase)
  Adjust line height	⇧Shift⌥Option and < (decrease) or >(increase)	ShiftAlt and < (decrease) or >(increase)

• Color management in the desktop app

  Before you start

  Who can use this feature

  Anyone on any team or plan can manage their color profile in the desktop app.

  You can only use color management in the Figma desktop app.

  • macOS: You must be running 10.11 (OS X El Capitan), or later.
  • Windows: You must be running Windows 8 or later in a 64-bit environment.

  Learn more about Figma's browser requirements.

  There are lots of terms used to describe color. The terms color space and color profile are often used interchangeably. In this article, we refer to the following definitions:

  • Color space: how an application or system implements a color model on a specific device.
  • Color profile: a standardized system for rendering colors.

  Figma can only export assets using the sRGB color profile.

  Figma in the browser

  In the browser, Figma uses a managed sRGB color profile. Figma will export any assets using the sRGB color profile. You can't change the color profile in the browser.

  Figma desktop app

  In the desktop app, your color profile can be managed or unmanaged.

  An unmanaged color profile lets you to use the color profile settings designated by your system's display settings. Your color space will be unmanaged by default.

  You also have the option to switch to the managed sRGB color profile. Having a managed color profile allows you to keep a consistent color space in both the browser and desktop app.

  Note: If you set your color space to Unmanaged, colors may render differently between team members or displays. Regardless of your desired color profile, Figma can only export assets using the sRGB color profile.

  Update your color space

  On the Figma desktop app, You can switch between using a managed (sRBG) or unmanaged color profile.

  You will need to restart Figma to apply these changes. Make sure you're connected to the internet and your changes are saved before updating.

  Mac:

  1. Open the Figma app.
  2. Click on the Figma dropdown menu.
  3. Select Preferences.
  4. Select Color Space from the options.
  5. Choose between sRGB or Unmanaged:
  6. Restart the Figma application to apply your changes.

  

  Windows:

  1. Open the Figma app.
  2. Click on the settings dropdown menu.
  3. Select Preferences.
  4. Select Color Space.
  5. Choose between sRGB or Unmanaged:
  6. Restart the Figma application to apply your changes.

  

• Change themes in Figma

  Before you Start

  Who can use this feature

  Users on any team or plan

  Available in Figma design and file browser

  Use themes to change the appearance of Figma design files and the file browser. Choose between light or dark themes, or let your system settings determine the theme. If your system’s appearance is set to light, then Figma will use the light theme. If your system is set to dark, then Figma will use the dark theme.

  

  Change theme

  Change your theme from a Figma design file via the main menu or quick actions menu.

  Theme settings are device-specific. If you're using a Figma account across multiple devices, theme settings from one device won't carry over to another.

  Changing your theme also won’t affect appearance settings for others, even if you’re viewing the same file.

  When you create new files, Figma sets the background color to light or dark color depending on your current theme. While in light mode, newly created files default to a light-gray background color #F5F5F5. While in dark mode, they’ll default to an off-black color #1E1E1E.

  Note: New pages determine their background color based on the current page’s background color, and don’t rely on your current theme. Change a background color by de-selecting any layers and using the color picker from the Background section of the right sidebar.

  Main menu

  To change your theme from the main menu of a Figma design file:

  1. Open any Figma design file you have access to.
  2. Click in the top-left of the toolbar.
  3. Go to Preferences > Theme.
  4. Select an option from the list of themes.

  Your Figma design file and the file browser will immediately change to the selected theme.

  Quick actions

  To change your theme from the quick actions menu of a Figma design file:

  1. Open any Figma design file you have access to.
  2. Open the quick actions menu.
     • Mac: ⌘ Command /
     • Windows: Control /
  3. Type in search terms to find the theme you want to use
     • Use dark mode
     • Use light mode
     • Use system theme

  Your Figma design file and the file browser will immediately change to the selected theme.

  Tip! Plugin developers can match their plugin UI to Figma’s light and dark modes. Learn more from Figma’s plugin developer docs →