Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Turn Canva designs into templates and render image/PDF variants via the Layerre API.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
LAYERRE_API_KEYค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:
https://mcp.layerre.com/mcpเปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"layerre": {
"command": "npx",
"args": [
"-y",
"@layerre/mcp-server"
],
"env": {
"LAYERRE_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http layerre https://mcp.layerre.com/mcpclaude mcp add layerre --env LAYERRE_API_KEY='ใส่ค่าของคุณ' -- npx -y @layerre/mcp-serverเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"layerre": {
"url": "https://mcp.layerre.com/mcp"
}
}
}วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"layerre": {
"command": "npx",
"args": [
"-y",
"@layerre/mcp-server"
],
"env": {
"LAYERRE_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"layerre": {
"type": "http",
"url": "https://mcp.layerre.com/mcp"
}
}
}วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"layerre": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@layerre/mcp-server"
],
"env": {
"LAYERRE_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:
https://mcp.layerre.com/mcpชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ชื่อและคำอธิบายเครื่องมือตามที่ server ตอบมาเมื่อ 9 พ.ย. 2569 ผู้ทำเป็นคนเขียน ไม่ใช่เรา แสดงเป็นข้อความล้วน
layerre_auth_statusCheck authentication status and get current user information
layerre_list_templatesList all templates for the authenticated user. Returns template summaries with optional layer details. Use the tag parameter to filter by folder/tag.
layerre_get_templateGet detailed information about a specific template including all its layers. Signed URLs are automatically refreshed if expired.
layerre_list_template_tagsList all unique tags used across the authenticated user's templates, with counts. Useful for discovering available folders/tags before filtering with layerre_list_templates.
layerre_create_templateCreate a new template from a Canva share URL. This will extract layers, dimensions, and other metadata from the Canva design. Note: This is an expensive operation that may take 10-30 seconds.
layerre_update_templateUpdate template properties like name, dimensions, background color, or tags. Tags use replace semantics — pass the full desired tag list. Changing dimensions or background will regenerate the preview in the background.
layerre_create_layerCreate a new layer (text or image) for a template. Layer type is inferred from properties if not specified.
layerre_get_layerGet detailed information about a specific layer. Signed URLs are automatically refreshed if expired.
layerre_update_layerUpdate layer properties like position, text content, image URL, styling, etc. Triggers background preview regeneration.
layerre_list_variantsList all variants for a specific template. Signed URLs are automatically refreshed if expired.
layerre_get_variantGet detailed information about a specific variant. Signed URLs are automatically refreshed if expired.
layerre_create_variantGenerate a variant (rendered image) from a template with optional layer overrides. This is an expensive operation that renders the final output.
layerre_create_variants_bulkGenerate many variants (rendered images) from one template in a single request, e.g. one per row of data. All items share one export format. Expensive: use sparingly and keep batches small. combine_pdf merges PDF items into one multi-page PDF (Plus plan or above).
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 9 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน layerre.com แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตอบกลับใน 322 ms (HTTP 200)
ไม่ต้องล็อกอิน
อ่านคำอธิบายเครื่องมือ 13 ตัวแล้ว ไม่พบคำสั่งแอบแฝงถึง AI
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: LAYERRE_API_KEY
ได้ทั้งสองแบบ จะลงในเครื่องหรือต่อผ่านคลาวด์ก็ได้
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.1.1) เข้า registry วันนี้
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
server ทางการของ Figma ส่งข้อมูลงานออกแบบให้ AI อ่าน เพื่อเปลี่ยนแบบเป็นโค้ดหรืออธิบายแบบได้ตรงขึ้น ต่อผ่านคลาวด์ของ Figma
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
A Model Context Protocol server for Layerre. Let your AI assistant turn Canva designs into reusable templates, edit layers, and render PNG / JPEG / WebP / PDF images from data.
Docs: [layerre.com/docs/mcp](https://layerre.com/docs/mcp/)
Endpoint: https://mcp.layerre.com/mcp (Streamable HTTP, OAuth 2.1 + PKCE).
Cursor — ~/.cursor/mcp.json
{ "mcpServers": { "layerre": { "url": "https://mcp.layerre.com/mcp" } } }
Claude Code
claude mcp add --transport http layerre https://mcp.layerre.com/mcp
VS Code — .vscode/mcp.json
{ "servers": { "layerre": { "type": "http", "url": "https://mcp.layerre.com/mcp" } } }
Claude Desktop / Claude.ai — Settings → Connectors → Add custom connector → https://mcp.layerre.com/mcp
Windsurf — ~/.codeium/windsurf/mcp_config.json
{ "mcpServers": { "layerre": { "serverUrl": "https://mcp.layerre.com/mcp" } } }
Your client opens a browser window to sign in to Layerre and approve access.
Create a key in the Layerre dashboard (Settings → API keys), then:
{
"mcpServers": { "layerre": { "url": "https://mcp.layerre.com/mcp", "headers": { "Authorization": "Bearer lyr_xxxxxxxx_xxxxxxxx" } } } }
{
"mcpServers": { "layerre": { "command": "npx", "args": ["-y", "@layerre/mcp-server"], "env": { "LAYERRE_API_KEY": "lyr_xxxxxxxx_xxxxxxxx" } } } }
| Tool | Description | Type |
|---|---|---|
layerre_auth_status | Check authentication status | read |
layerre_list_templates | List templates (filter by tag, paginate) | read |
layerre_get_template | Get a template with its layers | read |
layerre_list_template_tags | List tags/folders with counts | read |
layerre_create_template | Create a template from a Canva share URL | write |
layerre_update_template | Update name, size, backgrounds, tags | write |
layerre_create_layer | Add a text or image layer | write |
layerre_get_layer | Get a layer | read |
layerre_update_layer | Update a layer | write |
layerre_list_variants | List generated variants | read |
layerre_get_variant | Get a variant | read |
layerre_create_variant | Render one image/PDF with overrides | write |
layerre_create_variants_bulk | Render up to 25 variants in one call | write |
Example prompts:
social."See CONTRIBUTING.md.
Privacy policy · Terms · hello@layerre.com
MIT