How do I configure my browser for Figma?
Who can use this feature
Supported on any team or plan
You can use Figma on Chrome, Safari, Microsoft Edge and Firefox
You need WebGL installed and enabled to use Figma. This website will let you know if this is enabled: http://webglreport.com/
There are a couple of things you'll want to set up on your browser, before getting started with Figma.
- Confirm you have WebGL installed and enabled
- Set your browser zoom to 100%
- Make sure you have the latest browser version
- Install the Figma Font Helper to use local fonts →
- Disable the left/right swipe gesture ↓ (Mac only)
Using the Figma desktop app? You don't have to update these settings to use the desktop app. You can still update these settings if you plan on using Figma in the browser in the future.
Update settings
Select your browser below for more detailed instructions.
- Open Chrome and go to the Settings page
chrome://settings/
. - In the Appearance section, ensure your Page zoom is set to 100%. This will ensure your files are displayed accurately at higher resolutions.
- In the System section, enable Use graphics acceleration when available
- If WebGL isn't enabled, open Chrome's Flags settings
chrome://flags/
. - Update the Override software rendering list to enabled. This should be near the top of the list:
- Alternatively, you can search for WebGL related flags and update this to Enabled.
- Open Firefox and open the menu in the top-right corner.
- This will allow you to see the current Zoom level. You can then use the - and + icons to decrease/increase the zoom level:
- From that same menu, select Preferences from the options:
- Scroll down to the Firefox Updates section. You'll be able to see the current version and whether or not it is up to date:
- You can click the Check for updates button to check for any updates. If you're not on the latest version this will prompt an install of the latest version. Firefox will automatically restart after installing.
- We recommend updating the Allow Firefox to setting to Automatically install updates.
Safari is automatically updated by macOS whenever there is a new version. If there is a new version of macOS available, you'll be able to update this on your computer directly, which will also update Safari with any required updates.
- Open Figma in Safari.
- Head to Safari > Preferences in the main menu.
- Go to the Websites tab and click Page Zoom.
- In the Currently open website section, ensure Figma is set to 100%:
Note: You'll need to be using at least V10.11.1 (El Capitan) if you want to use pinch-and-zoom functionality.
Figma no longer supports Internet Explorer: Explore supported browsers →
To update Microsoft Edge to the latest version:
- From the Start menu select Settings > Updates & Security.
- Select Windows updates at the top of the list and then Check for updates.
- If there are any available, they will start downloading. Microsoft Edge will be updated and restarted automatically.
To set the default zoom:
- Select Menu in the top-right corner of the window.
- Select Settings from the options.
- Select Appearance from the menu in the left column.
- In the Zoom section, update the Page zoom setting to choose a new default zoom level.
Enhanced Security
To use Figma on Microsoft Edge, you'll need to make sure the Strict Mode setting is disabled for Figma.com
. Visit Microsoft's help center for information.
Update OS settings
If you're using the trackpad on macOS, then you may want to disable the left/right swipe gesture. This will prevent you from accidentally closing out of the Figma file, when you are scrolling left and right within the canvas.
- Open Systems preferences and go to the Trackpad settings:
- Go to the More Gestures tab:
- Disable the Swipe between pages option: