Skip to content
All tool news

Tool desk · Updated daily

Tool news·Figma·

Figma Adds System-Wide Eyedropper to macOS Desktop App.

Figma's macOS app now includes an eyedropper tool that captures colors from anywhere on screen, streamlining designer workflows.

CW

Create With tool desk

1 source checked · 2 min read · 2 sections

ShareLinkedIn
Figma Adds System-Wide Eyedropper to macOS Desktop App

Figma has added a system-wide eyedropper tool to its macOS desktop app, allowing designers to sample colors from anywhere on their screen without switching between applications.

The feature, announced on LinkedIn, is rolling out now to macOS users. Previously, designers had to manually input hex codes or RGB values when pulling colors from external sources like reference images, websites, or other applications. The new eyedropper eliminates this friction by letting users click anywhere on their screen to capture a color directly into their Figma file.

How It Works

The eyedropper appears as a standard color picker within Figma's macOS desktop app. When activated, it allows users to hover over any visible element on their screen and click to sample the color. This works across all applications, not just within Figma itself.

For designers working with brand guidelines from PDFs, matching colors from competitor websites, or pulling palettes from reference photography, the tool removes several steps from the workflow. What previously required screenshot-to-Figma imports or third-party color picker utilities now happens in one click.

Figma desktop app interface
Figma desktop app interface

The addition follows Figma's recent focus on workflow improvements and desktop-specific features. Earlier this year, the company introduced GitHub Copilot integration for tighter code-design collaboration and rolled out AI image tools across FigJam, Buzz, and Slides.

Desktop vs. Browser Limitations

The eyedropper's system-wide capability is currently limited to the macOS desktop app due to browser security restrictions. Web browsers, including Chrome and Safari, sandbox color pickers to prevent websites from accessing information outside their own window. This means Figma's browser version will continue to offer only in-canvas color selection.

For teams working primarily in the desktop app, the feature represents a small but meaningful efficiency gain. Design systems teams maintaining color tokens, agencies matching client brand palettes, and UI designers working with screenshot references will likely see the most immediate benefit.

The rollout is gradual, with Figma deploying the feature to users over the coming days. No word yet on whether a Windows version is in development, though the company has historically maintained feature parity between macOS and Windows desktop apps within a few release cycles.

Sources

1 checked

How we cover tool news: Create With's tool desk drafts these reports with AI from the sources listed above and checks them against those sources before publishing.

Worth passing on?

ShareLinkedIn

Go deeper on Figma

Related reading, watching and going.

Everything on Figma →

The briefing

25 Aug 2026

Claude Code + Figma Console MCP: Side-by-Side Flow

How Claude Code + open-source Figma Console MCP creates a side-by-side design flow that draws straight into your Figma file—no credits or rate limits.

Read →

The briefing

21 Apr 2026

Claude Design vs Figma Make vs Google Stitch: AI Design Tested

We tested Claude Design against Figma Make and Google Stitch to see which AI design tool wins. Plus: Buildprint launches for Bubble, Lovable's security issue, and what's new in vibe coding.

Read →

The briefing

17 Mar 2026

Top Tips for Vibe Coding Real Apps with Lovable in 2026

Master Lovable's React and Tailwind approach to vibe coding. Learn strategic prompting, tech stack choices, and community tips for building real apps fast.

Read →
34 min

Podcast

My Daughter Built a Website Business, Claude Design First Look & Going All-In on Cloudflare

James and Kieran discuss practical AI-powered development through real-world examples, including a seven-year-old building a website business with Claude Code voice mode, Anthropic's new Claude Design tool, API security challenges in the AI agent era, and Cloudflare's expanding AI infrastructure offerings. The episode covers hands-on experiences with vibe coding, emerging design tools, and the evolving landscape of AI-assisted development.

Watch now ↗

Tutorial

From Figma design to native mobile app with @karlafernandes and @CreateWithHQ

This hands on session shows how to convert a Figma design into a native mobile app workflow using Bravo Studio with guidance from Karla Fernandes and Create With. Viewers learn the end to end steps from preparing Figma files to mapping components, testing on device, and preparing for release.

Watch now ↗

Latest tool news

What else changed this week.

All tool news
VercelDigest

What Vercel Shipped in Late October

Vercel shipped quicker static deployments, four AI Gateway models, more free domain choices and new CLI controls in late October. The changes cover developers testing sites…

Vercel

Vercel Adds Submit_feedback to Its MCP

submitfeedback is a new Vercel MCP tool that lets agents and harnesses send bug reports, friction reports and feature requests directly to the Vercel team. Feedback can include…

The Create With Briefing

Don't watch forty changelogs. Read one email.

Every Tuesday: the tool changes worth knowing, real business use cases, and what's on near you. Free, unsubscribe any time.