Vibe coding...
If you are non-technical, you may not have heard of vibe coding. Before AI, coding required a lot of deep thinking and planning before writing a single line of code, and that is still true today but creating solo projects can be done faster with the help of AI. With the new AI tech, we can now ship products much faster, but the less thought put into a project, the more sloppy code and technical debt it creates. Technical debt is when code works now but makes future changes slower, riskier, or more expensive.
With that said, this entire blog was vibe coded, and many of the projects I talk about in the future will most likely be vibe coded. This blog is about creativity and AI. I want to push the limits of what I can actually execute and AI helps me do exactly that.
Now thats out of the way
What does this have to do with Figma and Claude Code?
As someone who codes for a living, I do not always want to plan out ideas just to see if it is possible and not even end up with a product. Sometimes I just want to have an idea and build it instantly. That is where Claude Code comes in.
With Claude Code, I can describe an idea and have it act like a product manager, asking questions and helping me create a spec sheet and PRDs. Once I feel confident, I put that plan into a Markdown file and add it to my project so Claude Code has full context on what I want to build and how I want to build it.
I take it a step further by using MCPs, which let AI agents communicate with each other like APIs for AI. This is how I built this website. I connected the Figma MCP to Claude Code and the initial site was generated in about 10 minutes. Including all my custom changes like integrating Sanity, updating images, and adding Spotify, the total time was around three hours. Normally this would take days of planning, schema design, and frontend work. Granted it could take someone longer or shorter given their experience.
If you want to create something custom, learning how to instruct and use AI can speed up both ideation and development.
