Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added site/assets/blog/figma-components-fit.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions site/content/blog/pocket-figma.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,9 @@ The Sony PSP is twenty-two years old: 333 MHz, 32 MB of RAM, a GPU with no shade

So that became the challenge: open a real Figma Community file, as published. Not a cooked-up demo document — the [Paper Wireframe Kit](https://www.figma.com/community/file/1075811850250564922): 14,430 nodes, 2,293 component instances, a canvas 26,000 pixels wide, hand-drawn Patrick Hand lettering, photos, masks, the works. If the runtime can hold *that*, there is not much 2D left to be afraid of. It worked out better than we expected: you pan with the analog nub and zoom with the shoulder triggers, at 60 FPS, and it ships as one `EBOOT.PBP` you drop on a Memory Stick. We call it **Pocket Figma**.

<img class="w-full rounded-xl border border-line" src="/assets/blog/figma-psp-cover-zoom.png" alt="Pocket Figma on a PSP at 59% zoom: the Paper Kit cover — a hand-drawn character asking 'I'm out of paper, got any?' in a speech bubble, the word Wireframe in handwriting, dot-grid paper texture — with the viewer HUD along the bottom" />
<img class="w-full rounded-xl border border-line" src="/assets/blog/figma-components-fit.png" alt="Pocket Figma with the Paper Wireframe Kit's Components page fit to the screen at 3% zoom — dozens of wireframe component sheets spread across the 26,000-pixel canvas, the viewer HUD along the bottom" />

<p class="text-sm text-slate-500 -mt-4">Native 480×272 output of the shipping build at 59% zoom, mid-pan across the kit's cover. This framelike every PSP screenshot in this post is the executable's own framebuffer, captured in the deterministic emulator our byte-exact tests run on.</p>
<p class="text-sm text-slate-500 -mt-4">The kit's entire Components page — every wireframe sheet on the 26,000-pixel canvas — fit to the screen at 3% zoom. This frame, like every screenshot in this post, is the executable's own framebuffer, captured in the deterministic emulator our byte-exact tests run on.</p>

Pocket Figma is open source at [pocket-stack/pocket-figma](https://github.com/pocket-stack/pocket-figma). And like OpenStrike before it, it exists to make a point about architecture: **the device never parses, it only consumes.** A design file is just the most literal possible test of that law, because a design file is nothing *but* things to parse.

Expand Down
6 changes: 3 additions & 3 deletions site/home.html
Original file line number Diff line number Diff line change
Expand Up @@ -256,11 +256,11 @@ <h3 class="lp-case__title">OpenStrike</h3>

<article class="lp-case lp-case--flip lp-reveal">
<a class="lp-case__media" href="/blog/pocket-figma/" aria-label="Read the Pocket Figma story">
<img src="/assets/blog/figma-psp-cover-zoom.png" alt="Pocket Figma on a PSP at 59% zoom: the Paper Wireframe Kit cover with hand-drawn lettering, and the viewer HUD along the bottom." loading="lazy" />
<img src="/assets/blog/figma-components-fit.png" alt="Pocket Figma with the Paper Wireframe Kit's Components page fit to the screen at 3% zoom — dozens of wireframe component sheets spread across the canvas, the viewer HUD along the bottom." loading="lazy" />
</a>
<div class="lp-case__copy">
<h3 class="lp-case__title">Pocket Figma</h3>
<p>A real Figma Community file, open on a PSP: the Paper Wireframe Kit — 14,430 nodes, 2,293 component instances, a canvas 26,000 pixels wide. The cooker bakes it into streaming tiles, so the device never parses the file. Pan with the analog nub, zoom with the shoulders — and the same bundle runs at native 960&times;544 on PS Vita.</p>
<p>A real Figma Community file, open on a PSP: the Paper Wireframe Kit — 14,430 nodes, 2,293 component instances, a canvas 26,000 pixels wide. The cooker bakes it into streaming tiles, so the device never parses the file. Pan with the analog nub, zoom with the shoulders — and the same bundle runs at 2&times; resolution on PS Vita.</p>
<div class="lp-case__links">
<a class="lp-btn lp-btn--ghost" href="/blog/pocket-figma/">
Read the story
Expand Down Expand Up @@ -367,7 +367,7 @@ <h3 class="lp-target__name">Sony PSP (CFW)</h3>
<h3 class="lp-target__name">PS Vita</h3>
<span class="lp-target__status lp-target__status--live">Available now</span>
</div>
<p class="lp-target__desc">The same bundle at native 960&times;544 through GXM — no fork, no <span class="lp-mono">if (vita)</span>, proven by byte-exact goldens.</p>
<p class="lp-target__desc">The same bundle rendered pin-sharp at 2&times; resolution through GXM — no fork, no <span class="lp-mono">if (vita)</span>, proven by byte-exact goldens.</p>
</div>
</li>
<li class="lp-target is-live lp-reveal">
Expand Down