WHAT NEW IN X10.28 WED

AI collections from X · 22 collections · 58,924 posts

claudeVIDEO

Turning Claude Code into a design studio with six tools

The author lists a Claude Code design stack: graphify for brand knowledge graphs, Figma MCP, Penpot, React Bits, and HyperFrames to turn HTML into a promo video.

kiosa
@thegreatest_svArchived 1 day agoOriginally posted 2026.10.26
kiosa @thegreatest_svOriginally posted 2026.10.26
Open original on X

Holy sh*t I spent weeks turning Claude Code into a design studio. no Figma license. no agency. no plugins I had to pay for. here's the stack I used and it's embarrassingly simple: -> graphify: teach Claude your brand dump your guidelines, logos, PDFs and old projects into one folder. graphify turns it into a knowledge graph, so every design Claude makes follows your rules instead of guessing. 134k stars, Y Combinator. uv tool install graphifyy -> graphify install -> /graphify . https://github.com/Graphify-Labs/graphify -> Figma-Context-MCP: Figma straight to code it hands your actual Figma file to the agent. the README says it builds designs in one shot, and does it better than pasting screenshots. https://github.com/GLips/Figma-Context-MCP -> Penpot: the open-source Figma free, open source, and its MCP server lets AI read and edit your designs, then hand them to code and back. https://github.com/penpot/penpot -> React Bits: the "expensive" look, for free the biggest open-source library of animated React components. those smooth hover effects and text animations you see on high-end sites? copy, paste, done. https://github.com/DavidHDev/react-bits -> HyperFrames: designs that move write HTML, get a finished video. made by HeyGen for AI agents. your landing page can now have its own launch video by tonight. claude plugin marketplace add heygen-com/hyperframes -> claude plugin install hyperframes@hyperframes https://github.com/heygen-com/hyperframes -> MCP for Blender: 3D without learning Blender connects Claude to Blender. describe a scene, the agent builds and edits it in real 3D. https://github.com/ahujasid/mcp-for-blender the order that works: brand into graphify -> design in Figma or Penpot -> Claude builds it with React Bits -> HyperFrames makes the promo -> Blender adds the 3D hero shot the uncomfortable part: tools used to be the moat. now everyone has them for free. the only thing that still separates good design from AI slop is taste. and taste is the one thing you can't install. bookmark this. your next client will ask why you're suddenly so fast.

This post quotes another post: x.com/thegreatest_sv/status/2080634616860320073

x.com/thegreatest_sv/status/2114739076796428729Archived 2026.10.27 10:07