Designer's Guide to macOS Dock Organization: Groups, Skins, and Workflow
How designers can organize their macOS Dock for creative workflows: group design tools, asset folders, and reference links with custom icon skins.
A designer's Dock is not just a launcher—it is a map of how you move between tools, files, and references. Otterdock (macOS 14+) adds workflow groups on top of Apple's Dock: it enhances the Dock rather than replacing it, and each group can hold apps, files, folders, and links. Use click-to-expand or hover-to-expand with no extra permissions for click, or after granting Accessibility permission for hover. Data stays on your Mac under ~/Library/Application Support/Otterdock/.
Group your design apps
Put your primary creative stack in one Otterdock group: for example Figma, Sketch, and Photoshop together if you still touch all three. The goal is one predictable place to open "design tools," not a long row of unrelated icons. If you rarely open a heavy app, remove it from the main Dock row and keep it inside the group instead so the Dock stays readable.
Assign a distinct icon skin to this group so you recognize it at a glance. Otterdock includes built-in skins such as Shelf, Glass, Gradient, Minimal, and Otter — you can even import custom skins to match your brand. Pro unlocks unlimited groups and premium skins, while the free tier still gives you two groups—enough to separate "design" from everything else.
Asset folders and deliverables
Create a second group for project folders: exports, brand kits, and client handoff directories. Drag the real folders you use daily—Otterdock groups can mix folders with apps and files in one collection, which native Dock folder stacks alone do not model as flexibly for mixed workflows. For a step-by-step walkthrough, see how to group apps on your macOS Dock.
Keep naming boring and consistent: Client / Project / 03_export beats clever labels when you are tired at night. Pin only the folders you open weekly; archive the rest out of the Dock row.
Fonts and utilities
If you rely on a font manager or a color picker, give them their own small group or place them beside your design stack. The point is to avoid hunting through Launchpad when you are mid-layout. Pair this with Spotlight or Raycast for everything else so the Dock stays curated.
Reference links and inspiration
Add bookmark-style links to briefs, style guides, or internal docs inside a group so "read this before you design" sits next to the tools. When a reference is temporary, remove it after the project ships—your Dock should reflect current work, not every link you have ever saved.
Quick layout to try
- Group A (design tools): Figma, Sketch, Photoshop—skin that reads "creative" (for example Gradient or Glass).
- Group B (project + assets): key client folders, export directories, and PDF briefs.
- Dock row: keep Mail and Calendar outside the groups if you need them constantly; tuck the rest into groups.
Pricing and next steps
Otterdock is a one-time purchase at $6.99 on direct download; Mac App Store pricing is planned at $2.99 (coming soon). Start with the free tier's two groups to prove the workflow, then upgrade if you need more groups or premium skins. However you arrange it, let skins and group names do the labeling so your eyes find the right stack before your brain finishes the thought.