mcpField
F
Figma Design Automation

Figma Design Automation

github.com/aranyak-4002Other4Updated 84w ago
Repository

About Figma Design Automation

A client for automating Figma design creation via a plugin or Python scripts. It connects to Figma through MCP integration to manipulate files programmatically.

Key features

  1. 01Automated navigation bar creation
  2. 02Component templating
  3. 03Style management
  4. 04Direct file manipulation

Use cases

  1. 01Generate startup website components quickly
  2. 02Automate design workflows

MCP support

Uses MCP Figma integration to expose tools for programmatic Figma file manipulation.

Details

From the project README

Figma Design Automation

This repository contains tools for automating Figma design creation and manipulation, including:

  1. Figma Plugin: A plugin for creating startup website components
  2. Direct Integration: Python scripts for direct Figma file manipulation
  3. MCP Integration: Tools that leverage MCP's Figma integration

Features

  • Automated navigation bar creation
  • Component templating
  • Style management
  • Direct file manipulation

Setup

Plugin Setup
cd figma-plugin
npm install
npm run build
Python Setup
cd figma-agent
python -m venv venv
source venv/bin/activate  # or `venv\Scripts\activate` on Windows
pip install -r requirements.txt
Configure Figma API
  1. Get your Figma access token from Figma settings
  2. Set up the token using MCP Figma integration

Usage

Using the Plugin
  1. Import the plugin in Figma
  2. Run it from the plugins menu
  3. Customize the generated components
Using Direct Integration
python src/direct_figma.py

Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

License

MIT License - see LICENSE file for details

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.