MCP Tools
PDS 기반으로 만들어진 피그마 디자인을 @croquiscom/pds 기반의 리액트 코드로 제너레이션 해주는 MCP 서버 입니다.
아래 사용하시는 코드 에디터에 맞게 세팅 후 사용하면 됩니다.
참고: 추후 추가적인 툴 제공 예정입니다.
Getting Started
기본적으로 코드 에디터에서 MCP를 사용하기 위해서는
참고: 피그마의 키 발급은 여기를 참고하여 발급 받은 후 키 값 변경해주시면 됩니다.
Cursor
{
"mcpServers": {
"ks-mcp-tools": {
"command": "npx",
"args": ["-y", "@croquiscom/mcp-tools", "--figma-api-key=YOUR-KEY", "--stdio"]
}
}
}
VSCode
"mcp": {
"servers": {
"ks-mcp-tools": {
"command": "npx",
"args": [
"-y",
"@croquiscom/mcp-tools",
"--figma-api-key=YOUR-KEY",
"--stdio"
]
}
}
}