From Figma UI to AI-Based UI With Claude and MCP Plugin

How Claude Helped Me Recreate My Figma UI Through MCP

5 min read

I Needed To Check My Prompt For Creating High-Resolution Image

| Context |


As part of my portfolio design process, I used MCP to get help from Claude to accelerate the process of creation, I failed to design high resolution pictures for each card.


Then, I decided to test my prompt in a new code chat, which turned out to be this UI design out of an experiment.

Learning Never Stops, Especially When Working With AI


I learned that working with AI tools may not always follow the same rule, but roughly the same rule. It needs without doubt some back and forth for creating soemthing reasonable or something I expected. Soemtimes it takes more time, and sometimes less.


Want to Contact?

I’d be happy to meet for a coffee or have a chat online.

setarehborhani.work@gmail.com

+31-6 86 483 176

More Blogs

Job Search Automation Using AI With Custom Filters

A small experiment using Claude to turn my repetitive job search into a more organized Notion workflow

Running Portfolio QA With Claude Code

Using Claude Code and MCP to refine my portfolio, check its links, and publish with confidence

I Made an AI Motion Video Out of Detailed Scenario

I learned how the right AI prompts can help me create a professional motion video

Job Search Automation Using AI With Custom Filters

A small experiment using Claude to turn my repetitive job search into a more organized Notion workflow

Running Portfolio QA With Claude Code

Using Claude Code and MCP to refine my portfolio, check its links, and publish with confidence

I Made an AI Motion Video Out of Detailed Scenario

I learned how the right AI prompts can help me create a professional motion video

Claude and MCP Filled My Framer Knowledge Gaps and Saved Me Time

I Used AI to Add Motion, Refine Interactions, and Fix Technical Issues in My Framer Portfolio