App

Affinity Photo from a game controller

Download InputConfig on the Mac App StoreThe Affinity Photo layout is built into InputConfig, free on the Mac App Store. You don't have to make an account, there are no subscriptions, and nothing is locked. Optimized for Apple silicon.

On a Mac: Native on the Mac. The layout sends Affinity Photo 2's default tool keys, with nothing to enable.

Yes, a game controller makes a good left-hand deck for Affinity Photo on a Mac. The tools you switch between most are on the face buttons, undo is on a bumper, and the Option modifier is held on a trigger for sampling. Affinity's tool keys mostly match Photoshop's, so the feel is the same as the Photoshop layout.

The layout, control by control

Click a control. Labels:

How the layout thinks

  • Tools. Move (V), paint brush (B), erase (E) and crop (C) are the face buttons. The clone brush (S) is Options and the zoom tool (Z) Create.
  • History. Undo and redo are the bumpers.
  • Paint. The left stick moves the pointer, the right trigger paints (left click), and the left trigger holds Option for sampling.
  • View. The right stick scrolls the canvas. The left stick click fits the image to the window and the right stick click zooms to 100 percent.

Option on a held trigger means sampling a color is one finger, not a hand off the pen.

Tune it

  • Brush size. Put the bracket keys on chords on the bumpers.
  • A slow pointer. Add left stick rows at half the Speed as chords on a held button.
  • Personas. The persona switches are toolbar clicks. The pointer and the right trigger reach them.

Brush size on a chord is the row I would add first.

The short version

  • Keep the pen or mouse. The pad is the left hand, not the brush.
  • Affinity Designer. Its tool keys differ in places. Change the four tool rows' output to match.

The idea is tools under the thumbs and undo on a bumper.

Get it in two clicks

  1. Get InputConfig free on the Mac App Store, open it, and click Smart Preset Maker on the welcome screen.
  2. Search for Affinity Photo and pick it. The layout is created as a preset in your sidebar, named and ready.
  3. Press Activate. Every row can be changed afterwards: the editor's Scan button rebinds any control the moment you touch it.

Every binding, as a table

The Affinity Photo preset in InputConfig, drawn on a DualSense Edge with each control labeled with the key or action it sends.
Figure 1. The Affinity Photo preset drawn on a DualSense Edge in InputConfig's Live Visualizer. For example, A / Cross is labeled Move tool (V), and B / Circle is labeled Paint Brush tool (B). Any other controller shows the same layout on its own drawing.
ControllerSendsWhat it does
A / CrossVMove tool (V)
B / CircleBPaint Brush tool (B)
X / SquareEErase tool (E)
Y / TriangleCCrop tool (C)
LB / L1Command (Left), ZUndo (Cmd+Z)
RB / R1Command (Left), Shift (Left), ZRedo (Cmd+Shift+Z)
Start / OptionsSClone Brush tool (S)
Back / Share / SelectZZoom tool (Z)
L3 (left stick click)Command (Left), 0Fit image to window (Cmd+0)
R3 (right stick click)Command (Left), 1Zoom to 100% (Cmd+1)
Left stick rightMouse motion right (speed 20)Move pointer right
Left stick leftMouse motion left (speed 20)Move pointer left
Left stick downMouse motion down (speed 14)Move pointer down
Left stick upMouse motion up (speed 14)Move pointer up
Right stick upScroll upScroll canvas up
Right stick downScroll downScroll canvas down
Right triggerLeft clickApply brush / paint stroke (left click)
Left triggerAlt / Option (Left)Hold Option (color pick / modifier)

Button names follow the Xbox / PlayStation pair shown in the editor, so A / Cross is the bottom face button on either pad. On a Switch Pro Controller the bottom button is labeled B; the mapping still fires on position.

Questions

Does it work in Affinity Designer?

Designer's tool keys differ in places. Change the output of the four tool rows to Designer's keys.

Download InputConfig on the Mac App StoreCompletely free. You don't have to make an account, there are no subscriptions, and nothing is locked. Optimized for Apple silicon. Open source on GitHub.

Updated