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