Tutorial 37 of 3711 min read

Keyboard Shortcuts

Every keyboard shortcut in ShuffleKit outside the Design editor and the Playtable: the card sheet, cell editors, gallery, preview, search, Docs, Shufflo chat, media library, version history, image generator and support.

This page lists every keyboard shortcut in ShuffleKit, grouped by the screen it works on. The Design editor and the Playtable have their own full references, linked at the end.

Shortcuts only fire where you are working. A shortcut for the sheet does nothing while you are typing in a search box or a dialog, and a dialog's keys stop at the dialog. On a Mac, ⌥ is Option.

Anywhere

Action Mac Windows
Close a dialog, menu, popover or bottom sheet Esc Esc
Move between buttons and fields Tab / ⇧Tab Tab / Shift+Tab
Press the focused button, or open the focused tile or list row Enter or Space Enter or Space
Guided tour: next step / previous step / close → / ← / Esc → / ← / Esc

Help & tutorials → Keyboard shortcuts at the foot of the sidebar opens the Design editor's shortcut sheet. The shortcuts on this page aren't on it.

Card sheet

These work on the Data tab in Sheet view once a cell is selected. If no cell is selected, the first arrow key or Tab selects the top-left cell. See Working With Cards.

Move and select

Action Mac Windows
Move one cell Arrow keys Arrow keys
Next / previous cell (wraps to the next or previous row) Tab / ⇧Tab Tab / Shift+Tab
Jump to the edge of the filled cells ⌘ + arrow Ctrl + arrow
First / last cell in the row Home / End Home / End
First / last cell in the sheet ⌘Home / ⌘End Ctrl+Home / Ctrl+End
Move one screen up / down Page Up / Page Down Page Up / Page Down
Extend the selection ⇧ + any move above Shift + any move above
Extend the selection to a clicked cell ⇧-click Shift-click
Select every cell ⌘A Ctrl+A
Deselect the cell Esc Esc

Edit

Action Mac Windows
Edit the selected cell, keeping its value Enter, F2 or double-click Enter, F2 or double-click
Replace the value Start typing Start typing
Clear the selected cells Delete or ⌫ Delete or Backspace
Undo a cell edit ⌘Z Ctrl+Z
Redo ⌘⇧Z or ⌘Y Ctrl+Shift+Z or Ctrl+Y

Typing a letter or number starts an edit in Text, Number and Select cells. A Number cell only starts on a character a number can begin with. On an Image, Icon, Icon list or Color cell, Enter opens its picker instead.

Undo covers cell values, including paste, clear and fill down. It doesn't bring back deleted cards or columns.

Copy, paste and fill

Action Mac Windows
Copy the selected cells ⌘C Ctrl+C
Cut ⌘X Ctrl+X
Paste, from ShuffleKit or a spreadsheet ⌘V Ctrl+V
Fill down (the top cell of the selection into the cells below; with one cell, the cell above into it) ⌘D Ctrl+D

In a project shared with you as view only, the keys that change data (Delete, ⌫, cut, paste, fill down, undo, redo) are switched off; moving, selecting and copying still work.

Mouse and touch in the sheet

Action How
Open the cell and row menu Right-click, or press and hold on a touchscreen
Fill across a range Drag the small square at the corner of the selected cell
Select a card row Click its row number
Select every row in between ⇧-click (Shift-click) another row number
Resize a column Drag the right edge of its header; double-click the edge to reset
Resize one row Drag the bottom edge of its row number
Edit on a touchscreen Tap a cell to select it, tap again to edit

Cell editors

Once a cell is open for editing:

Cell Keys What happens
Text Enter Save and move down a row
Text ⇧Enter / Shift+Enter New line in the cell
Text Tab / ⇧Tab Leave the cell for the next / previous one
Text Esc Cancel the edit
Text ⌫, Delete, ←, → An inline icon token counts as one character
Number Enter or ↓ Save and move down a row
Number ↑ Save and move up a row
Number Tab / ⇧Tab Leave the cell for the next / previous one
Number Esc Cancel the edit
Select A letter Pick the first option starting with that letter
Select ↑ / ↓, then Enter Choose from the open list
Select Esc Close the list without changing the value
Quantity (QTY, inside a deck) Enter Save
Quantity Esc Cancel
Image, Icon, Icon list, Color Enter on the selected cell Open the picker

An empty Image cell also opens its picker on a single click.

Other fields on the cards page

Where Keys What happens
Search ⌘K / Ctrl+K Jump to Search cards... and select what's in it
Add property popover Enter in the name Add the property
Select options (Add property, Edit Column) Enter in the last option Add another option
Edit Column Enter in the name Save
Deck tab rename Enter / Esc Keep the name / cancel
New collection dialog Enter in the name Next, or Create when there is no design step
Create Deck with Selected Cards Enter in the name Create the deck
Deck details name Enter Save the name
Import from a Google Sheet Enter in the link field Read the sheet
Action Mac Windows
Preview a card Click, or Enter / Space on a focused tile Click, or Enter / Space on a focused tile
Add a card to the selection, or remove it ⌘-click Ctrl-click
Select every card between two ⇧-click Shift-click
Clear the selection Click the empty space around the cards Click the empty space around the cards
Card menu Right-click, or press and hold on a touchscreen Right-click, or press and hold on a touchscreen

Card preview

Action Keys
Open the connection panel for an element on the card Tab to the element, then Enter or Space
Close an open column list, then the panel Esc

The layout reasons dialog (Why this layout?) and the filmstrip use the standard Tab, Enter and Esc.

Phone preview on the Design tab. On a phone, the Design tab's full-screen card preview takes → for the next card and ← for the previous one (useful with a tablet keyboard), and Esc closes it. Without a keyboard, swipe left or right to move between cards and tap the card to turn it over.

Version history

Action Keys
Select a version in the list Tab to it, then Enter or Space
Save a snapshot Enter in the label field

See Notes & Version History.

Docs

The Docs editor follows familiar word-processor keys. See Docs & Rules.

Formatting

Action Mac Windows
Bold ⌘B Ctrl+B
Italic ⌘I Ctrl+I
Underline ⌘U Ctrl+U
Strikethrough ⌘⇧S Ctrl+Shift+S
Inline code ⌘E Ctrl+E
Heading 1 / 2 / 3 ⌘⌥1 / ⌘⌥2 / ⌘⌥3 Ctrl+Alt+1 / 2 / 3
Back to normal text ⌘⌥0 Ctrl+Alt+0
Bullet list ⌘⇧8 Ctrl+Shift+8
Numbered list ⌘⇧7 Ctrl+Shift+7
Quote ⌘⇧B Ctrl+Shift+B
Code block ⌘⌥C Ctrl+Alt+C
Line break inside a paragraph ⇧Enter Shift+Enter
Indent / outdent a list item Tab / ⇧Tab Tab / Shift+Tab
Select all ⌘A Ctrl+A
Undo / redo ⌘Z / ⌘⇧Z or ⌘Y Ctrl+Z / Ctrl+Shift+Z or Ctrl+Y

Markdown as you type

Type these at the start of a line, followed by a space:

Type You get
#, ##, ### Heading 1, 2, 3
-, + or * Bullet list
1. Numbered list
> Quote
``` Code block
---, ___ or *** Horizontal rule

And around words, anywhere in a line:

Type You get
**bold** or __bold__ bold
*italic* or _italic_ italic
~~strike~~ strike
`code` code

Pasting Markdown text keeps its formatting, and typing or pasting a web address turns it into a link. There is no slash menu; the toolbar holds the rest, including Insert image.

Outside the editor: Enter in the document title saves it, Enter in the New document name creates it, and Enter or Space opens a focused document in the list.

Shufflo chat

Applies to Shufflo AI on the cards page, the Shufflo Ideator and the Shufflo panel in Docs.

Action Mac Windows
Send the message Enter Enter
New line in the message ⇧Enter Shift+Enter
Save an edited message Enter Enter
Cancel editing a message Esc Esc
Open a chat from the history list Enter or Space Enter or Space
Rename a chat: keep / cancel Enter / Esc Enter / Esc
Card lightbox: previous / next card ← / → ← / →
Card lightbox: close Esc Esc

See Shufflo AI.

Media library

Action Keys
Open or pick the focused image Enter or Space
New tag: create / cancel Enter / Esc in the tag name

Image generator

Action Mac Windows
Generate from the prompt (Generate and Edit tabs) ⌘Enter Ctrl+Enter
Enlarged image: previous / next ← / → ← / →
Close the enlarged image Esc Esc

See Image Generator.

Support

Action Mac Windows
Send your message Enter Enter
New line ⇧Enter Shift+Enter

Projects, sharing and printing

Where Keys What happens
New project name Enter Create the project
Renaming a project or a deck on the Projects page Enter / Esc Keep the name / cancel
Share dialog, email field Enter, Tab, space or comma Turn what you typed into an address chip
Share dialog, email field ⌫ / Backspace in an empty field Pull the last address back out to fix it
Print & Ship enlarged preview ← / → Previous / next image
"That change was not saved" warning Esc Close the warning; the bar stays, and the next save opens it again

Design editor

The Design editor has its own full list: saving, selecting, arranging, nudging, grouping, text and preview. Press ? in the editor to open its shortcut sheet. See Design Editor Shortcuts.

Playtable

Moving cards, drawing, flipping, shuffling and rolling all have keys on the Playtable. See Playtable Controls.

Ready to build your card game?