Protocol Buffers

Protocol Buffers Code Screenshot Generator

Turn Protocol Buffers snippets into images worth sharing, without leaving your Mac.

A .proto file is a contract, and screenshots of it usually appear in design docs where the field numbers matter as much as the names.

Codeshot detects Protocol Buffers from the code you paste, so there is no language picker to get wrong. Here is the same snippet in three of the 30 themes it ships with, rendered with the app's own stylesheets.

syntax = "proto3";

package snapshot.v1;

message Snapshot {
  string code = 1;
  string theme = 2;
  int32 scale = 3;
}
Atom One · dark
syntax = "proto3";

package snapshot.v1;

message Snapshot {
  string code = 1;
  string theme = 2;
  int32 scale = 3;
}
Edge · dark
syntax = "proto3";

package snapshot.v1;

message Snapshot {
  string code = 1;
  string theme = 2;
  int32 scale = 3;
}
GitHub · dark

Choosing a theme for Protocol Buffers

Never crop field numbers. They are the part that cannot change later, so an image that hides them is missing the important half.

Getting the size right

Let the image follow your content, or lock it to a ratio — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3, or 3:4 — then export at 1×, 2×, or 3× so it stays sharp on a retina display. Copy it straight to the clipboard with C, or save with S.

See all 30 themes side by side, or read the full workflow.

Built for Protocol Buffers, and 59 other languages

Everything runs on your Mac. Your code never leaves it.

Download for macOS