App

Sketch from a game controller

Download InputConfig on the Mac App StoreThe Sketch 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: Sketch is a Mac-only app and reads its default tool keys and Command shortcuts from this layout.

Yes, you can use Sketch on a Mac from a game controller. The tool keys match Figma's, so it is the Figma layout: V, R, T and O on the face buttons, undo and copy on the bumpers, zoom on the D-pad. It is a reviewing and nudging layout for the design app that started the category on the Mac.

The layout, control by control

Click a control. Labels:

How the layout thinks

  • Pick a tool. Move (V) on the bottom face button, Rectangle (R) on the right, Text (T) on the left, Oval (O) on the top.
  • Undo and copy. On the bumpers.
  • Zoom. In and out on D-pad up and down.
  • Draw and select. The left stick is the pointer, the right stick scrolls the canvas, the right trigger clicks and the left trigger right-clicks.

Sketch reads its default tool keys and Command shortcuts from this layout. Same keys as Figma, so the two layouts work the same.

Tune it for Sketch

  • Nudge. The arrows move a layer a point, Shift and the arrows ten. Put both behind chords on the D-pad.
  • Pan. Space and a held left click on one row, then move the stick.
  • A slow pointer. Use the Pointer speed slider on the preset's page.
  • Paste. Put Command V on a stick click, next to the Copy bumper.

Paste next to Copy is the first row most people add. Add paste and a pan row, and review sessions need no keyboard.

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 Sketch 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 Sketch preset in InputConfig, drawn on a DualSense Edge with each control labeled with the key or action it sends.
Figure 1. The Sketch preset drawn on a DualSense Edge in InputConfig's Live Visualizer. For example, Right trigger is labeled Click, and Left trigger is labeled Right click. Any other controller shows the same layout on its own drawing.
ControllerSendsWhat it does
Left stick leftMouse motion left (speed 16)Cursor left
Left stick rightMouse motion right (speed 16)Cursor right
Left stick upMouse motion up (speed 16)Cursor up
Left stick downMouse motion down (speed 16)Cursor down
Right stick downScroll downScroll down
Right stick upScroll upScroll up
Right triggerLeft clickClick
Left triggerRight clickRight click
A / CrossVMove tool (V)
B / CircleRRectangle (R)
X / SquareTText (T)
Y / TriangleOEllipse (O)
LB / L1Command (Left), ZUndo
RB / R1Command (Left), CCopy
D-pad upCommand (Left), =Zoom in
D-pad downCommand (Left), -Zoom out

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 this match Figma?

Yes, the tool keys are the same as Figma's, so the two layouts work the same.

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