Top 11 MCP-Servers for Claude Code (Figma MCP, Paper MCP, Pencil MCP, Shadcn MCP, Context7 MCP, ...)

From the creator

Permit's MCP-gateway: https://permit.io/mcp-gateway (sponsored) Permit MCP Gateway is a drop-in zero-trust proxy that adds authentication, fine-grained authorization, consent, and audit logging to any MCP server. Swap one URL. No code changes. Works with Salesforce, GitHub, Slack, Jira, and any MCP server you already use. 👉 React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Kinde $50 credit for auth and more https://kinde.com/r?kinde_ref=e95bc6f8f17eda7c 👉 Work with me: support@bytegrad.com 👉 React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Web development roadmap: https://email.bytegrad.com 👉 Email newsletter (BIG update soon): https://email.bytegrad.com 👉 Discord: all my courses have a private Discord ⏱️ Timestamps: 00:00 MCP is not dead 02:29 MCP gateway 02:45 Figma MCP server 10:03 Paper MCP 13:47 Pencil MCP 16:15 MCP gateway (MCP auth & authorization) 19:50 shadcn/ui MCP 23:42 Context7 MCP 27:37 GitHub MCP 30:46 MCP gateway 31:59 Playwright MCP 34:51 Chrome DevTools MCP 37:14 Reuse existing browser session 40:41 Web search / web access MCPs 42:44 Vercel, Supabase, Notion, Slack, n8n, Linear 47:13 Build your own MCP server 48:33 Web MCP 50:37 MCP gateway setup demo 57:43 Permission denied demo 1:00:01 Outro #webdevelopment #reactjs #nextjs Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code. This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 and KRS-number: 0001125554

Choose to Build with AI
Matched to AI Agent Systems

AI Maker Residence 3

The third AI workshop taught by our legendary teacher, Nick Sarafa. This is a full-day hands-on training workshop for purposeful co-creation with AI using Claude Code. Imagine having access to hundreds of billions of dollars of computing power and knowing exactly how to make it work for you through the power of super intelligence.

◆ Fri 09 Oct 2026 ◆ KOKO Cafe, London ◆ With Nick Sarafa
AI Maker Residence 3
Live event
AI Maker Residence 3
Fri 09 Oct 2026

More like this

Running one yourself?

List your AI event,
wherever it is.

A meetup, a workshop, a hackathon, a conference. Any city, or online. Tell us about it and it lands in front of people already learning this stuff.