Designers spend hours in a browser — gathering references, researching trends, reviewing client feedback, managing design assets. Here are Firefox extensions that support a creative workflow.
Dark mode for reference browsing
NightOwl — applies dark mode to every website automatically at sunset.
For designers working on dark-themed projects or doing color reference work in the evening, NightOwl reduces the visual noise from bright white backgrounds. It also makes it easier to see how designs look against a dark browser background.
Design resource tabs per project
Tab Manager — save named sets of reference tabs per project.
A branding project might require: client's brand guidelines, competitor logos, color palette references, typography examples, and Figma/Adobe links. Tab Manager saves these as a named session so you restore the full research context for each project.
Quick calculations for specs
Quick Calculator — unit conversions and arithmetic on the new tab.
Designers regularly do spec math: "what is 72px in points?", "what percentage is this element of the total width?", "convert this hex color to HSL." The new tab calculator handles unit conversions and arithmetic without opening a calculator app.
News and design industry trends
News Widget Dashboard — RSS feeds from design publications.
Design trends move fast. RSS feeds from Smashing Magazine, A List Apart, Creative Bloq, or design-specific blogs appear on the new tab without visiting each site individually.
Project task tracking
Daily Planner — today's design deliverables on the new tab. "Export final assets for Client A," "Review feedback for homepage redesign," "Brief illustration for campaign."
Voice capture for creative ideas
Voice Notes — speak a design concept or idea before it fades. During reference browsing, quick voice memos capture the association between what you are seeing and what you want to create.
These are part of a series of 11 Firefox extensions I built — see the full series.
Top comments (0)