Figma MCP Server vs Spotify MCP Server
Updated June 2026Compare these two MCP servers to find which one fits your needs best.
Spotify MCP Server
by Marcel Marais
Description
The Figma MCP Server connects AI coding assistants directly to your Figma design files, enabling real-time access to design tokens, component properties, frame layouts, and node data without leaving your editor. Figma's official MCP integration runs via the Figma Desktop app's Dev Mode — select any frame, component, or layer in your design and Claude, Cursor, or other MCP-compatible clients can read exact colors, typography, spacing, auto-layout properties, and component variants to generate pixel-accurate implementation code. The popular community alternative, Figma-Context-MCP by GLips (6,000+ GitHub stars), uses your Figma Personal Access Token (created in Figma Settings > Personal Access Tokens) to fetch any file your account can access, exposing tools to get full Figma document JSON, retrieve specific nodes by ID, list components with properties, extract text content from frames, and download rendered images of individual nodes. This approach works without the Figma Desktop app and is compatible with Claude Desktop, Windsurf, and Cline. Both routes give Claude the ability to read your exact design specs and translate Figma layouts into accurate React, Tailwind, or plain HTML/CSS code — eliminating the guesswork of approximating designs from screenshots or verbal descriptions. The Figma MCP Server is most powerful in front-end development workflows where design-to-code fidelity matters.
Marcel Marais's Spotify MCP Server is a lightweight TypeScript bridge between AI assistants and the Spotify Web API, letting Claude control playback and search a listener's library through natural language. It exposes tools for searching tracks/albums/artists/playlists, controlling playback (play, pause, skip, queue management), reading and modifying the current queue, and browsing a user's playlists and saved library. Authentication uses standard Spotify OAuth (client ID/secret from the Spotify Developer Dashboard) with a one-time login flow to obtain a refresh token, after which the server runs locally via the MCP stdio transport. Typical use: ask Claude to "queue up some upbeat workout music" or "what's currently playing," and it calls the Spotify API directly rather than requiring the user to switch to the Spotify app.
Install Type
npm
npm
Categories
💻 coding🎬 media
🎬 media
Integrations
🟣 claude-desktop⚡ cursor💙 vs-code🏄 windsurf🤖 cline
🟣 claude-desktop⚡ cursor💙 vs-code🏄 windsurf🤖 cline
Frequently Asked Questions
What is the difference between Figma MCP Server and Spotify MCP Server?
Figma MCP Server and Spotify MCP Server are both MCP servers but differ in their categories and capabilities. Figma MCP Server (coding, media) is The Figma MCP Server connects AI coding assistants directly to your Figma design files, enabling real-time access to design tokens, component properties, frame layouts, and node data without leaving your editor. Figma's official MCP integration runs via the Figma Desktop app's Dev Mode — select any frame, component, or layer in your design and Claude, Cursor, or other MCP-compatible clients can read exact colors, typography, spacing, auto-layout properties, and component variants to generate pixel-accurate implementation code. The popular community alternative, Figma-Context-MCP by GLips (6,000+ GitHub stars), uses your Figma Personal Access Token (created in Figma Settings > Personal Access Tokens) to fetch any file your account can access, exposing tools to get full Figma document JSON, retrieve specific nodes by ID, list components with properties, extract text content from frames, and download rendered images of individual nodes. This approach works without the Figma Desktop app and is compatible with Claude Desktop, Windsurf, and Cline. Both routes give Claude the ability to read your exact design specs and translate Figma layouts into accurate React, Tailwind, or plain HTML/CSS code — eliminating the guesswork of approximating designs from screenshots or verbal descriptions. The Figma MCP Server is most powerful in front-end development workflows where design-to-code fidelity matters. while Spotify MCP Server (media) is Marcel Marais's Spotify MCP Server is a lightweight TypeScript bridge between AI assistants and the Spotify Web API, letting Claude control playback and search a listener's library through natural language. It exposes tools for searching tracks/albums/artists/playlists, controlling playback (play, pause, skip, queue management), reading and modifying the current queue, and browsing a user's playlists and saved library. Authentication uses standard Spotify OAuth (client ID/secret from the Spotify Developer Dashboard) with a one-time login flow to obtain a refresh token, after which the server runs locally via the MCP stdio transport. Typical use: ask Claude to "queue up some upbeat workout music" or "what's currently playing," and it calls the Spotify API directly rather than requiring the user to switch to the Spotify app..
Which MCP server should I choose: Figma MCP Server or Spotify MCP Server?
Choose Figma MCP Server if you need coding capabilities and prefer npm installation. Choose Spotify MCP Server if you need media capabilities and prefer npm installation. Consider your specific use case and integration requirements.
Can I use both Figma MCP Server and Spotify MCP Server together?
Yes, you can use multiple MCP servers together in Claude Desktop, Cursor, VS Code, and other MCP-compatible clients.Figma MCP Server and Spotify MCP Servercan complement each other if their capabilities don't overlap.