Stream Deck for Designers: Figma & Photoshop on Mac (2026)

A Stream Deck for designers does one thing: it keeps your hands on the canvas instead of the keyboard. You're 70% of the way through a component layout in Figma, you need to add auto layout, wrap it in a frame, and export to staging before standup. A button surface makes all three happen without breaking the visual focus that takes 20 minutes to rebuild once you lose it.

This guide is for UI/UX and graphic designers on Mac. We make DeckPilot, the #1 pick on this list. We still recommend the Logitech MX Creative Console where it genuinely fits better, specifically for teams spending most of the day in Photoshop or Premiere who want physical dials for continuous parameters.

What a stream deck for designers actually needs

Five categories cover everything. Don't overbuild:

1. Tool switching. The active tool in Figma, Photoshop, or Illustrator controls what every click does. Switching tools without looking away from the canvas is the top productivity gain from a deck.
2. Component and layer operations. Create component, wrap in frame, group, detach instance. You do these 20 times per design session and the shortcuts are all multi-key combinations that interrupt flow.
3. Export and handoff. Trigger the export dialog, copy as SVG, export selected frames. Export friction is real friction.
4. Brush and zoom controls. In Photoshop: active brush, brush size, undo, zoom. In Illustrator: zoom, view modes. These map naturally to single buttons.
5. App hopping for handoff. Figma to Slack for a share link, Figma to browser to check the live preview, back to Figma. App switches on a deck stop you from losing the window you were in.

Once those five categories are covered, the deck is done. You need 12 to 16 well-chosen buttons, not 30.

Quick comparison

The 5 workflows that matter

1. Tool switching and active tool shortcuts

The active tool determines everything in a design app. Putting your four most-used tools on four buttons eliminates most of the keyboard hunting.

Figma:

Photoshop:

Illustrator: tool switching follows similar single-key shortcuts. Map V (selection tool), A (direct selection), and P (pen tool) as your three core buttons, then add a fourth for whatever you reach for most in your workflow.

2. Layers, components, and structure in Figma

This is where Figma users feel the biggest boost. The operations below happen constantly and the shortcuts are all multi-key combos that break rhythm.

Pair "Frame selection" with "Auto layout" on adjacent buttons. Select a set of elements, tap Frame, tap Auto layout: two buttons, done in under a second.

DeckPilot's multi-action submenu feature is useful here. One button labeled "Wrap" fans out into three sub-buttons: Frame, Group, and Component. You save screen real estate on the deck without losing any of the options.

3. Export

Designers context-switch to export far more than they realize, and the friction compounds across a full workday.

Figma export:

Photoshop export:

Stamp Visible followed immediately by Export As on two adjacent buttons turns a five-step export into two taps: flatten to a new layer, open the export dialog.

4. Brush controls and zoom in Photoshop

Photoshop retouching lives on the brush. The bracket keys for brush size are relative and require repeated presses. Mapping [ and ] each to a dedicated button gives single-press resizing without looking at the keyboard.

Useful Photoshop button map for retouching:

• B to activate the brush
• [ mapped to a button for smaller brush
• ] mapped to a button for larger brush
• Cmd+Z for undo (useful on a one-handed deck during close retouching work)
• Cmd+Shift+Opt+E to stamp visible before an export step
• Cmd+J to duplicate a layer before a destructive edit

For zoom: Cmd+0 for fit in view covers the main zoom need as a single-button mapping. If you use a Loupedeck or TourBox, the physical scroll wheel handles continuous zoom better than buttons. On DeckPilot on an iPad, the zoom-to-fit button is enough for most workflows.

5. App hopping for handoff

This workflow is unique to designers and almost always overlooked when building a deck. A realistic design-to-handoff sequence looks like this: export from Figma, paste the share link into Slack, open the browser to check the prototype, return to Figma.

With App-Aware decks on DeckPilot Pro, the right deck is always visible without any manual switching. Switch to Slack and the Slack deck appears. Switch back to Figma and the Figma deck returns.

For raw app-switching buttons, map these as Open App or Open URL actions:

• Open Figma
• Open Chrome or Safari
• Open Slack
• Open Notion or Linear
• Open your staging URL (a one-tap button during QA or handoff reviews)

A button that opens your current project's Figma share link stored as an Open URL action is one of the highest-leverage buttons to add during crunch work.

DeckPilot for designers

DeckPilot's free tier is a working designer deck on day one: up to 8 buttons per deck, unlimited decks, custom icons using SF Symbols, emoji, app icons, or your own images, and any keyboard shortcut. Every shortcut in the tables above works on the free tier.

DeckPilot Pro adds the features that matter most for design workflows:

• App-Aware decks. The Figma deck appears the moment Figma is frontmost on your Mac. The Photoshop deck when Photoshop is active. No manual profile switching mid-session. See how context switching works.
• Multi-action buttons. Tap, double-tap, long-press, and submenu fan-out on a single button. One button with a submenu covers Frame, Group, and Component without three separate buttons.
• iPad as a side surface. DeckPilot lets you pair an iPhone and iPad at the same time, each with its own deck. The iPad screen fits 24 to 30 buttons comfortably, making it a practical control surface beside the canvas. See how to use an iPad as a Mac control surface and the pair devices guide.
• Multi-step macros. A single button can run a sequence: open Figma, wait for it to become active, then fire Cmd+Shift+E. Useful for repetitive export flows. See how to build macros.

Pro is $7.99/month, $39/year, or $79 as a one-time lifetime purchase.

Download DeckPilot for Mac →

Template packs for designers

DeckPilot ships pre-built template packs for every major design tool on the list below. Install one in seconds and it activates automatically when that app becomes frontmost.

• Figma (tool switching, auto layout, components, export, zoom, command palette)
• Sketch (symbols, export, artboard tools, zoom)
• Photoshop (brush, layers, export, filters, history)
• Illustrator (tools, paths, object operations, export)
• Affinity Designer (tools, layers, export, zoom)
• Canva (formatting, export, brand kit)
• Blender (viewport navigation, object operations, render)

Start with the Figma pack if Figma is your primary tool. Add Photoshop or Illustrator as a second deck for when you jump between apps.

How to pick the right one

The fastest decision tree for designers on Mac:

• You own an iPhone or iPad and want to start free: DeckPilot
• You want an iPad as a dedicated side surface next to the canvas: DeckPilot Pro
• You spend most of the day in Photoshop, Lightroom, or Premiere and want physical dials: Logitech MX Creative Console
• You want physical dials across Figma and Adobe apps at a lower price than Loupedeck CT: Loupedeck Live
• You do professional retouching or video editing and want a dedicated ergonomic console: TourBox Elite or Loupedeck CT (see our Final Cut Pro controller guide if video is the main use)
• You want tactile keys and the Elgato plugin ecosystem: Elgato Stream Deck MK.2
• You already use a Mac trackpad heavily and prefer gestures over a separate device: BetterTouchTool

The bottom line

For most designers on Mac in 2026, the right starting point is DeckPilot's free tier with the Figma or Photoshop template pack. Load it on your iPhone, map the 8 shortcuts you reach for most, and see which missing button you notice first within a real design session. The full app-aware experience (the Figma deck appears when Figma is active, the Photoshop deck when Photoshop is active) is a Pro feature at $7.99/month or $39/year.

The trap to avoid: building a 24-button mega-deck on day one and trying to map every shortcut you know. A button only saves time if you press it daily. Start with 8, add one button whenever you reach for the same shortcut twice in a single session.

If you want physical dials specifically for Photoshop brush work or Premiere scrubbing, the Logitech MX Creative Console is the honest recommendation in that category. The dials are well-suited to continuous parameters. For everything else including Figma-first workflows, multi-app handoff, and a larger button surface without hardware cost, DeckPilot on an iPad beside the canvas is the strongest option. See how DeckPilot compares to Stream Deck for a deeper hardware-vs-software breakdown. For the full landscape of Mac controller options, our stream deck alternatives guide covers everything side by side. Developers who also do design work will find crossover setups in our developer stream deck guide.

Frequently asked questions

Does DeckPilot work with Figma on Mac? Yes. DeckPilot triggers any keyboard shortcut, so every Figma shortcut in this guide works on the free tier. The official Figma template pack ships pre-configured with auto layout, create component, frame selection, export, zoom, and the command palette shortcut.

Can I use an iPad as a design control surface beside the canvas? Yes. DeckPilot lets you pair an iPhone and iPad simultaneously, each with its own deck. The iPad's larger screen fits 24 to 30 buttons comfortably, which makes it a practical side surface for tool switching and layer operations while your eye stays on the design.

Does the Figma deck switch automatically when I switch apps? App-Aware switching is a Pro feature. With DeckPilot Pro, the Figma deck appears the moment Figma is frontmost on your Mac and the Slack deck appears when Slack is active. The free tier uses one active deck that you switch manually.

What is the Logitech MX Creative Console and how does it compare? The Logitech MX Creative Console is a hardware device (around $199) with physical dials and LCD keys, designed for Adobe Creative Suite users. It has native integrations for Photoshop and Premiere. DeckPilot runs on your existing iPhone or iPad with no hardware cost. The Console's physical dials suit continuous parameters like brush opacity or timeline scrubbing. DeckPilot's larger button surface on iPad suits shortcut libraries and multi-app workflows.

What Figma shortcuts should I map first? Start with auto layout (Shift+A), quick actions command palette (Cmd+/), zoom to fit (Shift+1), and frame selection (Cmd+Opt+G). Those four cover the most common layout operations. Add create component (Opt+Cmd+K) and export (Cmd+Shift+E) once the first four feel automatic.

Does DeckPilot work with Affinity Designer or Sketch? Yes, via keyboard shortcuts. Both apps expose their operations through the keyboard layer, and DeckPilot includes template packs for Affinity Designer and Sketch.

Can I run a Figma deck and a Photoshop deck without switching manually? Yes, with DeckPilot Pro's App-Aware decks. Each app gets its own deck and DeckPilot switches automatically to match the frontmost Mac app. Switch from Figma to Photoshop and the deck flips. Switch back and it returns.

Is BetterTouchTool a useful alternative for designers? BetterTouchTool is a Mac utility for trackpad gestures, keyboard remapping, and floating menus. It's useful if you want gesture-based shortcuts and prefer to avoid a separate screen surface. For designers who want a persistent visual button grid with custom icons and multi-app switching, a deck like DeckPilot covers more ground. For designers who want to stay keyboard-and-trackpad only with a few extra gestures, BetterTouchTool at $12 to $24 is worth trying first.