The image at the top shows one home screen design for a coffee-ordering app, built two ways. On the left is the Figma original. In the middle is the screen produced by connecting the Figma MCP and simply asking “이 디자인 구현해 줘” (implement this design). The filter icon and bottom tab icons changed shape, and the category chip row fell apart. On the right is the same design built with PIX.
PIX grew out of an experiment Working Reference posted on Threads in April. The post, “피그마 디자인을 99% 그대로..... 클로드 딸깍 복제...... 성공” (a Figma design, 99% intact..... copied with one click in Claude...... success), had drawn 34,000 views by May 30. The experiment followed a post by Japanese developer Saqoosha, who had Claude Code fix its work by showing it the pixel differences between the built screen and the design, pushing the background pixel match up to 99.8%. Working Reference packaged that approach into a single skill and released it as PIX on June 15.
Given a Figma link, PIX reads the screen's structure, extracts the icons and images separately from the code, and then builds the screen in code. Next it captures the built screen, compares it with the original section by section using Pixelmatch, and keeps fixing whatever differs until the match passes 98%. If the Figma API hits its rate limit, it opens the Figma screen directly in Chrome and carries on.
