Lets talk about Safari & Firefox design revamp

Brand new Safari and Firefox were both announced this month. Both versions received major design iterations. Which do you prefer?

Safari Revamp with single bar and adaptive background

Announced in WWDC, Apple's new Safari is more ground-breaking in terms of UI and interaction. Merged address & search bar aims to reduce occupied space, while color-adaptive background will help the browser blend into webpages. Safari also underwent some big changes on iOS too. Address bar has moved to the bottom for better reachability.

iOS Safari address bar moved from top to bottom

Firefox Revamp with elevated tab and clean up UI

As for Mozilla's Firefox, changes stay at interface level. Tabs are elevated to the top and simplified toolbar. Right-click menu is now native that supports light & dark mode.

95% of what you see when you open a browser window belongs to the website that you’re there to view rather than Firefox itself.

Behind the design: A fresh new Firefox

What do you think and what change do you want for your browsers? Safari is coming this fall and Firefox update has launched on June 1.

Stay tuned for further walkthrough and review!

Last Updated June 17, 2021

Related posts

    Figma Best Practices

    Figma Best Practice introduces the best industry practice created by Figma team.

    Try our Keystroke Figma template

    Introducing KEYSTROKE ⌨! My first Figma community template to create keycap quickly (with auto-layout support!). Quickly create keyboard shortcuts on Figma now! 1. Open figma community file 2. Click "