VS Code Extensions
DevShot — code to image

DevShot — code to image

by devshot

Select code, hit a hotkey, get a beautiful image to paste into Jira, Confluence, Slack or anywhere. Powered by devshot.dev.

Downloads

15

Rating

— (0)

Version

0.1.6

Last updated

Jul 13, 2026

Select code → Ctrl+Alt+S (Cmd+Alt+S on Mac) → get a beautiful, syntax-highlighted image. Copy it straight into Jira, Confluence, Slack, or your team wiki.

Rendering is done by devshot.dev — the same engine behind the DevShot API.

Usage

  1. Select some code in the editor
  2. Press Ctrl+Alt+S (or right-click → DevShot: Snap selection as image)
  3. The image opens in a side panel and is copied to your clipboard — paste it anywhere

Works out of the box with no account (images get a small devshot.dev watermark). Add your API key in settings (devshot.apiKey) to remove the watermark — plans start free at devshot.dev.

Settings

Setting Default
devshot.apiKey (empty) Your pk_live_…/sk_live_… key; empty = free watermarked mode
devshot.theme vitesse-dark Syntax theme (14 available)
devshot.background gradient-purple Card background
devshot.window mac Window chrome: mac or none

Privacy

Selected code is sent over HTTPS to the DevShot API to render the image and is stored only in the render cache. Don't snap secrets.

Related extensions