UI/UX Designers

figma

Figma is the undeniable center of gravity for modern digital design. While it started as a simple UI tool, it has grown into a comprehensive platform where entire product teams live. I include the desktop Mac app in this toolkit because it provides local font access, which is critical when working with client brand guidelines. Figma handles everything from wireframing and high-fidelity UI design to complex, logic-driven prototyping with variables and conditionals. The Dev Mode is a massive time-saver, allowing engineers to inspect files and grab CSS or Swift code directly from your designs. You will spend 80% of your day in this app, organizing artboards, building design systems, and collaborating with stakeholders. It completely eliminates the need for older tools like Sketch or InVision. While it does require an internet connection for its best features, the sheer speed of collaboration makes it worth the trade-off. It is the one subscription in this toolkit that is absolutely mandatory for professional work.

gimp 30

For years, GIMP was criticized for its clunky interface and destructive editing workflow. With the release of version 3.0, that narrative is completely dead. GIMP 3.0 is a revelation on the Mac. It features a modernized, single-window GTK interface that actually feels at home on macOS. More importantly, it finally introduces non-destructive editing, meaning you can apply filters, color grades, and masks, and then go back and tweak them hours later without ruining your original pixels. I use GIMP for all the heavy lifting that Figma cannot handle: removing complex backgrounds, retouching product photography, color correcting assets for the web, and creating intricate raster masks. Because it has been rewritten to utilize Apple's Metal API, brush strokes are incredibly responsive, and heavy filters render almost instantly on M-series chips. It is completely free, open-source, and highly customizable, making it the perfect local companion to a cloud-based layout tool.

inkscape

SVG is the native language of the modern web, and Inkscape speaks it better than any other application on the market. Unlike proprietary tools that inject a ton of junk code into your exported files, Inkscape generates clean, standard-compliant SVG code that developers love. The recent Mac versions are fully native, meaning you no longer have to deal with the awful XQuartz bridge that plagued older versions. I rely on Inkscape for complex vector work: tracing hand-drawn client logos, executing complex boolean path operations, creating custom typography layouts, and drawing intricate iconography. The node editing tools are remarkably precise, giving you total control over every bezier curve. While the learning curve can be a bit steep if you are coming from Illustrator, the payoff is huge. You get a wildly powerful, completely free vector engine that runs perfectly offline and handles massive, complex documents without breaking a sweat.

cleanshot x

You might wonder why you need a paid screenshot app when your Mac has one built-in. CleanShot X answers that question within five minutes of using it. Screen capture is no longer just about saving a funny image; it is a core design discipline used for bug reporting, client feedback, and documentation. CleanShot X replaces the default macOS tool and adds a massive suite of features. My favorite is the 'pin' feature, which lets you float a screenshot above all your other windows—perfect for referencing a design spec while coding. It also features a flawless scrolling capture for grabbing full web pages, a built-in background tool for creating beautiful social media posts with padding and shadows, and a robust video recorder that captures both screen and microphone audio for quick tutorials. The annotation tools are beautiful and fast, allowing you to draw arrows, blur sensitive information, and add text before instantly copying the result to your clipboard. It is the best utility app on the Mac, period.