
Security News
PodRocket Podcast: Inside the Recent npm Supply Chain Attacks
Socket CEO Feross Aboukhadijeh discusses the recent npm supply chain attacks on PodRocket, covering novel attack vectors and how developers can protect themselves.
@croquiscom/mcp-tools
Advanced tools
사용법은 여기에서 확인하세요.
아래 사용하시는 코드 에디터에 맞게 세팅 후 사용하시면 됩니다.
피그마 Personal Access Token 발급 가이드를 참고해 토큰을 발급받으세요.
Shift + CMD + p -> Cursor Settings -> MCP -> Add new global MCP server 클릭 -> 아래 코드 복붙 -> 저장 -> 스위치 토글
{
"mcpServers": {
"ks-mcp-tools": {
"command": "npx",
"args": ["-y", "@croquiscom/mcp-tools", "--figma-api-key=YOUR-KEY", "--stdio"]
}
}
}
위 세팅이 완료 되었다면 Cursor의 챗 모드를 Agent 모드로 변경합니다.
Shift + CMD + p -> Preferences: Open User Settings (JSON) -> 아래 코드 붙붙 -> Start 클릭
"mcp": {
"servers": {
"ks-mcp-tools": {
"command": "npx",
"args": [
"-y",
"@croquiscom/mcp-tools",
"--figma-api-key=YOUR-KEY",
"--stdio"
]
}
}
}
위 세팅이 완료 되었다면 VSCode의 챗 모드를 Agent 모드로 변경합니다.
피그마에서 원하는 영역을 선택 후 오른쪽 마우스 클릭 -> Copy link to Selection 클릭 -> 챗에 복사된 피그마 링크 삽입 후 적용 요청과 함께 실행합니다.
예제 프롬프트)
https://www.figma.com/design/XXX?node-id=4041-64485&m=dev
이 피그마 링크 pds 사용해서 만들어줘
예제 프롬프트)
graphql api interfaces 변경된 코드 기반 예시
api diff에 대한 graphql, fixture 만들어줘
graphql schema string 첨부 기반 예시
sample_query(param1: String, param2: Int): String!
createSampleMutation(input: SomeInput!): Boolean!
input SomeInput {
arg1: String
arg2: Int
}
이 graphql schema 기반으로 graphql, fixture 만들어줘
FAQs
Model Context Protocol server for Figma integration
The npm package @croquiscom/mcp-tools receives a total of 12 weekly downloads. As such, @croquiscom/mcp-tools popularity was classified as not popular.
We found that @croquiscom/mcp-tools demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 15 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Socket CEO Feross Aboukhadijeh discusses the recent npm supply chain attacks on PodRocket, covering novel attack vectors and how developers can protect themselves.
Security News
Maintainers back GitHub’s npm security overhaul but raise concerns about CI/CD workflows, enterprise support, and token management.
Product
Socket Firewall is a free tool that blocks malicious packages at install time, giving developers proactive protection against rising supply chain attacks.