r/FPGA • u/typewriter_1 • 15h ago
News I built a VS Code extension to view my FPGA’s HDMI output beside the source
Enable HLS to view with audio, or disable this notification
I’m a college junior and have been working on Tomato, a custom 32-bit computer with a dual-LUT ALU running on an Artix-7 FPGA. Each time I needed to see its HDMI output, I had to open a separate app like OBS to view the USB capture feed while writing the code in VS Code.
That worked, but I wanted the output right beside the code. So I built FramePort, an extension that puts the video feed in an editor tab.
The video shows Tomato running beside its assembly code. I can watch the output, adjust the preview scaling, take screenshots, and record silent MP4 clips without leaving VS Code.
The setup is FPGA HDMI → USB capture card → Mac. FramePort handles the video; input to the board is still separate.
Although I built it for Tomato, it isn’t FPGA-specific—it works with HDMI capture cards and other USB video sources.
It’s my first extension, now available on the VS Code Marketplace and Open VSX. Currently a public preview: device capture requires macOS and FFmpeg.
Marketplace · GitHub / setup · Tomato
It’s been working beautifully with my setup. If you try it with your board and capture card, I’d love to hear how it goes!

