Pika Logo
PricingAffiliates

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

Pika has extensions and tools that can make your workflow even faster

Chrome Extension

Chrome Extension

Capture tab screenshots and design in Pika

Get Chrome Extension
macOS App

macOS App

Capture, annotate and design screenshots from macOS

Get macOS App
VSCode Extension

VSCode Extension

Quickly create code images from your VSCode editor

Get VSCode Extension

Because who has time for mediocre design when you can create stunning images & mockups with Pika superfast!

Thomas Frank
Branden Harvey
Harvinder
Akash Bhadange
Dan Oshinsky
loved by 1,500+ users
Mockups and Images created using Pika