Workspace Setup for Designers
Configure Copilot for your design workflow. Learn settings and shortcuts that make coding faster.
Every designer codes differently. Let's customize VS Code and Copilot to match how you work. We'll enable keyboard shortcuts and adjust settings for comfort.
Essential Settings
Open Settings
Click File > Preferences > Settings (or Ctrl+, / Cmd+,)
Search for Copilot
Type "copilot" in the settings search box
Enable Inline Suggestions
Make sure "Copilot: Inline Suggest: Enabled" is checked. This shows gray suggestions as you type.
Customize Auto-suggestions
Look for "Copilot: Auto Suggest" and set it to your preference (on, off, or only on demand)
Save and Restart
Settings save automatically. Restart VS Code for all changes to take effect.
{
"github.copilot.enable": {
"*": true,
"plaintext": false,
"markdown": false
},
"editor.inlineSuggest.enabled": true,
"editor.inlineSuggest.suppressSuggestions": false,
"editor.tabCompletion": "on"
}Key Keyboard Shortcuts
- Tab = Accept suggestion
- Escape = Reject suggestion
- Alt+[ = See previous suggestion
- Alt+] = See next suggestion
- Ctrl+Enter / Cmd+Enter = Open Copilot Chat (quick explanations)
GitHub Copilot uses your code to improve suggestions. If you work on sensitive projects, you can disable Copilot for those files by adding them to .copilotignore in your project folder.