MCP BoxFigma-Context-MCP
Updated at 14 days ago
by GLips
211
on GitHub
MCP server to provide Figma layout information to AI coding agents like Cursor
Tags
ai
cursor
figma
mcp
typescript
What is Figma Context MCP
Figma Context MCP is a plugin developed to help users manage and use different font styles and text styles within Figma more efficiently, especially when working with multiple contexts or brands. It essentially allows you to switch between different "contexts" which define sets of font and text styles. This helps in maintaining consistency across different projects or brands by easily applying the correct styles associated with a specific context.
How to use
The README outlines the following steps for using the plugin:
- Plugin Installation: Install the plugin using the manifest.json file provided in the repository (./manifest.json). The Readme directs the user to Figma's documentation on installing plugins from manifests if further assistance is needed.
- Access the Plugin: Run the plugin within Figma.
- Define Contexts: The user needs to create and define different contexts, associating each context with a specific set of text and font styles. The plugin's UI is intended to facilitate this process. Details on how the UI works are not included in the README.
- Apply Contexts: Select a text layer in Figma and then select the desired context using the plugin. The plugin then applies the font and text styles defined by the chosen context to the selected text layer.
Key features
- Context Switching: Easily switch between different sets of font and text styles based on predefined contexts.
- Manifest-Based Plugin: Installed using a manifest file, which could mean easier distribution and updates. (based on general knowledge).
- Streamlined Style Application: Applies a whole suite of text and font styles with a single click after selecting a context.
Use cases
- Brand Management: Designers working with multiple brands can quickly switch between brand-specific font and text styles.
- Multi-Project Consistency: Ensure consistency across different projects by using a consistent context of styles.
- Design System Management: Useful for managing and applying design system styles within Figma.
- Localisation Support: Could potentially be used to manage text styles related to different languages.
FAQ (generate common questions based on the article content)
- How do I install the Figma Context MCP plugin? You need to use the manifest.json file provided in the repository to install the plugin in Figma. Refer to Figma's plugin documentation for instructions on installing plugins from a manifest file.
- Where do I find the manifest.json file? The manifest.json file is located at the root of the repository.
- How do I create a new context? The plugin's user interface allows you to define and create new contexts.
- How do I associate font and text styles with a specific context? The plugin UI provides the functionality to associate specific text and font styles within your Figma file with a particular context.
- Can I use this plugin to manage styles for different languages? Potentially, you could create separate contexts for each language to manage language-specific styles.
- Will this plugin automatically update styles if a style is changed in Figma? The README doesn't explicitly state that styles are automatically updated.