Pika VSCode Extension

Create code screenshots right from your VSCode editor using Pika's VSCode extension

Pika for Chrome

How to use


  • Install Pika extension from VSCode Extensions Marketplace
  • In VSCode editor, select the part of code you want to turn into image
  • Hit Cmd/Ctrl + P, search for "Make screenshot in Pika" and hit enter
  • Selected code will be opened in Pika's code to image tool, where you can edit your code screenshot

Pika Extensions & Tools

Capture and edit screenshots with extensions and tools to make your workflow even faster

Chrome Extension

Chrome Extension

Capture tab screenshots and design in Pika

Get Chrome Extension →
VSCode Extension

VSCode Extension

Quickly create code images from your VSCode editor

Get VSCode Extension →
Raycast Extension

Raycast Extension

Quickly open images from your system in Pika through Raycast

Get Raycast Extension →
FAQ

Frequently asked questions

How do I use the Pika VS Code extension?

Select some code, open the Command Palette and run "Make screenshot in Pika". Pika's code screenshot tool opens with your code and its language already set.

Is it free?

Yes. The extension is free on the Visual Studio Marketplace, and code images have no watermark.

Which languages are highlighted?

23, including JavaScript, TypeScript, Python, Go, Java, PHP, Ruby, Swift, Dart, SQL, HTML, CSS and Shell.

Can I change the theme and background?

Yes. In the code screenshot tool pick a light or dark editor theme, a background, the font size, width, roundness and shadow before you save.

Beautiful screenshots made easy!

Save hours of creative thinking and efforts with Pika

Mockups and Images created using Pika