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

Focus on what's important!
Let Pika generate and automate visual assets for your business

Signup →

(Takes just couple of minutes)

Thomas Frank
Branden Harvey
Harvinder
Akash Bhadange
Dan Oshinsky
used by 8,000+ users
Mockups and Images created using Pika