An early look at Firefox Proton User Interface

Posted by Techdows on Jan 25th, 2021

After Australis and Photon, Mozilla is now working on another visual refresh for Firefox called Proton. The mockups reveal how the Firefox upcoming UI would look like. You can also follow the development and see the changes in the Nightly version as Mozilla works on. As of now, rounded Proton tabs and an uncompleted hamburger menu with fewer options are available to check.

[lwptoc]

Firefox Proton mockups

According to the meta bug, the following Firefox UI elements are getting design changes.

Address bar
toolbar
tabs bar
hamburger menu
infobars
door hangers

Mozilla has readied some mockups too for import wizard, New Tab Page, application menu toolbar, the address bar and others, based on they’ll be making the changes to the Firefox interface.

Firefox proton multiple tabs infobar mockup

Firefox New Tab Page Proton
The New Tab Page screenshot reveals Mozilla is looking to bring Opera like Easy Setup menu to Firefox to configure New Tab options.

Firefox proton import wizard mock

Firefox may get a more compact hamburger menu in the future with Proton update.

Enable Proton user interface in Firefox

Visit about: config
Search for “proton”, toggle browser.proton.enabled pref value to true.

The current trend is rounded corners, Microsoft is already converting most of its apps on Windows 10 into that look.

With Australis, Firefox got curved tabs, with Proton, they set to change to round ones. You can sneak peek at Proton tabs and Proton hamburger meu in Firefox by following the steps given below.