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 →

Beautiful screenshots made easy!

Save hours of creative thinking and efforts with Pika

Mockups and Images created using Pika