ต้นแบบ · รุ่นทดลอง: มีทุก server ในทะเบียนทางการ อัปเดตทุก 30 นาที เข้าสู่ระบบด้วย Google เพื่อเขียนรีวิวได้แล้ว
PopNx MCPที่รวม MCP สำหรับคนใช้ AI · วิธีติดตั้งภาษาไทยทุกตัว

One Design

โดย axworks1รุ่น 0.2.4i★ 0iรันบนเครื่อง
ชื่อใน registryio.github.axworks1/one-design

วิธีติดตั้ง

ใช้ทำอะไรได้

ยังไม่มีคำอธิบายภาษาไทย ดูข้อเท็จจริงด้านล่าง หรือเปิดคำอธิบายต้นฉบับจากผู้ทำ

  • ต่อแบบ ติดตั้งในเครื่อง
  • บัญชีหรือคีย์ ไม่ต้องใส่คีย์
  • หมวด ออกแบบ ภาพ และเสียง
คำอธิบายต้นฉบับจากผู้ทำ (อังกฤษ)
Image, brand, privacy and PDF tools from one.design, run on your own computer. Nothing uploaded.

ติดตั้ง

เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง

ผลตรวจผ่าน 2/3 · ทำงานบนเครื่องคุณ

ขั้นแรก: คุณใช้ AI ตัวไหน

เลือกแอปที่คุณใช้ ขั้นตอนจะขึ้นด้านล่าง

ต่อกับ Claude ได้ แต่ต้องเตรียมก่อน

ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว) · ใช้ได้เฉพาะแอป Claude บนคอม (Windows หรือ Mac) ไม่ใช่บนเว็บหรือมือถือ

  1. ลง Node.js ในเครื่อง

    ทำครั้งเดียว ใช้ได้กับทุกตัวที่ต้องใช้ Node.js

    เปิดหน้าดาวน์โหลด Node.js ↗

  2. เปิดไฟล์ตั้งค่าของแอป Claude บนคอม

    SettingsDeveloperEdit Config

  3. วางค่าตั้งนี้แล้วบันทึกไฟล์

    {
      "mcpServers": {
        "one-design": {
          "command": "npx",
          "args": [
            "-y",
            "one-design-mcp"
          ]
        }
      }
    }
  4. ปิดแอป Claude แล้วเปิดใหม่

  5. ลองเลย

    ใช้ One Design บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง

    ✓ ถ้า Claude บอกว่ากำลังใช้ One Design หรือมีชื่อเครื่องมือของ One Design ขึ้นในคำตอบ แปลว่าต่อสำเร็จ

ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป

ChatGPT ยังต่อ One Design ไม่ได้

One Design ต้องติดตั้งในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะตัวที่ทำงานบนเว็บ

คุณทำแบบนี้แทนได้

ก · ใช้แอปที่ต่อ One Design ได้

  • ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว) · ใช้ได้เฉพาะแอป Claude บนคอม (Windows หรือ Mac) ไม่ใช่บนเว็บหรือมือถือ
  • ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
  • ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
  • ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)

ข · ตัวอื่นในหมวด ออกแบบ ภาพ และเสียง ที่ต่อกับ ChatGPT ได้

เลือกจากตัวที่ใช้มากในหมวดเดียวกัน เฉพาะตัวที่ต่อด้วยที่อยู่ได้โดยไม่ต้องใส่คีย์

ต่อกับ Claude Code ได้ แต่ต้องเตรียมก่อน

ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)

  1. ลง Node.js ในเครื่อง

    ทำครั้งเดียว ใช้ได้กับทุกตัวที่ต้องใช้ Node.js

    เปิดหน้าดาวน์โหลด Node.js ↗

  2. เปิด Terminal

    Mac: กด Command+Space พิมพ์ Terminal · Windows: เปิด PowerShell

  3. วางคำสั่งนี้แล้วกด Enter

    claude mcp add --scope user one-design -- npx -y one-design-mcp
  4. พิมพ์ /mcp ใน Claude Code

    ต้องเห็น One Design ในรายการและขึ้นว่าเชื่อมต่อแล้ว

  5. ลองเลย

    ใช้ One Design บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง

    ✓ ถ้า Claude Code บอกว่ากำลังใช้ One Design หรือมีชื่อเครื่องมือของ One Design ขึ้นในคำตอบ แปลว่าต่อสำเร็จ

ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป

ต่อกับ Cursor ได้ แต่ต้องเตรียมก่อน

ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)

  1. ลง Node.js ในเครื่อง

    ทำครั้งเดียว ใช้ได้กับทุกตัวที่ต้องใช้ Node.js

    เปิดหน้าดาวน์โหลด Node.js ↗

  2. กดปุ่มนี้เพื่อเปิด Cursor

    เปิดใน Cursor

    Cursor จะถามยืนยันการติดตั้ง ให้กด Install

  3. เปิดแชตของ AI ใน Cursor โหมด Agent

  4. ลองเลย

    ใช้ One Design บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง

    ✓ ถ้า Cursor บอกว่ากำลังใช้ One Design หรือมีชื่อเครื่องมือของ One Design ขึ้นในคำตอบ แปลว่าต่อสำเร็จ

ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Cursor เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป

ต่อกับ VS Code ได้ แต่ต้องเตรียมก่อน

ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)

  1. ลง Node.js ในเครื่อง

    ทำครั้งเดียว ใช้ได้กับทุกตัวที่ต้องใช้ Node.js

    เปิดหน้าดาวน์โหลด Node.js ↗

  2. กดปุ่มนี้เพื่อเปิด VS Code

    เปิดใน VS Code

    VS Code จะถามยืนยันการติดตั้ง ให้กด Install

  3. เปิดแชตของ AI ใน VS Code โหมด Agent

  4. ลองเลย

    ใช้ One Design บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง

    ✓ ถ้า VS Code บอกว่ากำลังใช้ One Design หรือมีชื่อเครื่องมือของ One Design ขึ้นในคำตอบ แปลว่าต่อสำเร็จ

ชื่อเมนูตรวจกับหน้าช่วยเหลือของ VS Code เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป

โปรแกรมอื่นที่ใช้ MCP ได้ เช่น Windsurf, Zed หรือ Gemini CLI มีวิธีเพิ่มต่างกัน ดูวิธีของแต่ละตัวในหน้ารวมโปรแกรม

ดูโปรแกรมที่ใช้ MCP ทั้งหมด →

ค่าตั้งแบบไฟล์ JSON อยู่ในหัวข้อ “สำหรับคนเขียนโค้ด” ด้านล่าง

ติดตรงไหน? ถามคนที่ใช้ One Design อยู่💬 พูดคุย →
สำหรับคนเขียนโค้ด: คำสั่ง Terminal และค่าตั้ง JSON

ติดตั้งในเครื่อง

Claude Code

claude mcp add --scope user one-design -- npx -y one-design-mcp

Claude Desktop (claude_desktop_config.json)

{
  "mcpServers": {
    "one-design": {
      "command": "npx",
      "args": [
        "-y",
        "one-design-mcp"
      ]
    }
  }
}

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "one-design": {
      "command": "npx",
      "args": [
        "-y",
        "one-design-mcp"
      ]
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "one-design": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "one-design-mcp"
      ]
    }
  }
}

ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README

สรุป

ดาวน์โหลดต่อสัปดาห์i
79/สัปดาห์
licensei
ไม่ระบุ license
การเชื่อมต่อ
รันบนเครื่อง
รุ่นล่าสุดi
0.2.4
ส่งเข้า registryi
26 ต.ค. 2569
แก้โค้ดล่าสุดi
26 ต.ค. 2569
ผู้ทำ
axworks1
แพ็กเกจ
npm: one-design-mcp
เว็บผู้ทำ
one.design
สถานะใน registry
ใช้งานอยู่

ใช้กับโปรแกรมไหนได้

ดูจากแบบการต่อของ server ตัวนี้ และเอกสารของผู้ทำโปรแกรมแต่ละตัว ตรวจเมื่อ 10 พ.ย. 2569

ติดตั้งบนเครื่องได้ใน

ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast

ดูโปรแกรมทั้งหมดพร้อมข้อดีข้อเสีย →

คู่มือที่เกี่ยวข้อง

ทำอะไรได้บ้าง

รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง

ผลตรวจเบื้องต้นi

เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 12 พ.ย. 2569

  • ✓ ผ่าน

    ตัวตนผู้ทำตรงกับ repo

    ชื่อใน registry ยืนยันด้วยบัญชี GitHub axworks1 ซึ่งเป็นเจ้าของ repo

  • ✓ ผ่าน

    ยังมีคนดูแล

    มีการแก้โค้ดล่าสุด 17 วันที่ผ่านมา

  • ✕ ไม่ผ่าน

    มีสัญญาอนุญาต (license)

    ไม่พบไฟล์ license ใน repo

  • – ไม่เกี่ยว

    endpoint ตอบ

    ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต

  • – ไม่เกี่ยว

    ล็อกอินแบบ OAuth

    ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน

  • … ยังไม่ตรวจ

    คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง

    รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต

พูดคุย

ถาม แชร์เคล็ดลับ หรือแจ้งว่าใช้ไม่ได้ เรียงตามที่คนกดว่ามีประโยชน์

ยังไม่มีใครโพสต์ ถามหรือแชร์เป็นคนแรกได้เลย

ข้อความในส่วนนี้เขียนโดยผู้ใช้ ไม่ใช่ทีม PopNx

เข้าสู่ระบบด้วย Google เพื่อโพสต์

รีวิวจากผู้ใช้

ยังไม่มีรีวิว

เข้าสู่ระบบด้วย Google เพื่อเขียนรีวิว

เทียบกับตัวอื่นในหมวด ออกแบบ ภาพ และเสียงi

  • ดาวมากกว่า 0% ของอีก 2954 ตัวในหมวดนี้
  • ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 65% ของอีก 2954 ตัวในหมวดนี้
  • ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 49% ของอีก 2954 ตัวในหมวดนี้

เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo

คำถามที่พบบ่อย

One Design ปลอดภัยไหม?

จากการตรวจเบื้องต้นของเรา ผ่าน 2 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น

ต้องใช้กุญแจหรือรหัสอะไรบ้าง?

registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก

ตัวนี้รันบนเครื่องหรือบนคลาวด์?

รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)

ยังมีคนดูแลอยู่ไหม?

repo บน GitHub มีการแก้โค้ดล่าสุด 17 วันที่ผ่านมา และส่งรุ่นล่าสุด (0.2.4) เข้า registry 17 วันที่ผ่านมา

ใช้กับโปรแกรมไหนได้บ้าง?

โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย

มีตัวไหนใช้แทนได้บ้าง?

ในหมวดเดียวกันมี Figma Context MCP, AutoClip, Next AI Draw.io

ตัวอื่นในหมวดเดียวกัน

server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว

อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi

Figma Context MCP

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

โดย GLipsใช้กันมาก↓ 152.1K/สัปดาห์★ 16.2Kอัปเดต 5 เดือนที่ผ่านมา

รันบนเครื่อง

AutoClip

Clip long videos into short clips with covers and captions. Local CLI and MCP.

โดย zhouxiaokaใช้กันมาก↓ 205/สัปดาห์★ 10.3Kอัปเดต 15 วันที่ผ่านมา

รันบนเครื่อง

Next AI Draw.io

draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand

โดย DayuanJiangใช้กันมาก↓ 21.7K/สัปดาห์★ 36.9K ดาวรวมทั้งรีโปอัปเดต 5 วันที่ผ่านมา

รันบนเครื่อง

README จากผู้ทำ

เปิดอ่าน README

ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ

One Design for Claude (MCP)

Every one.design tool that can run outside a browser, for Claude and any app that speaks MCP. Everything runs on your own computer: your files are read and saved locally and never uploaded.

Setup guide, examples and questions: https://one.design/mcp

The few tools that run an AI model in the browser (Cutout, Blur Faces, Magic Eraser, Brand Guidelines) open on one.design instead, where they also run on your device.

Tools

Optimise

ToolPlanWhat it does
compress_imagesFreeSmaller images, by quality or to a size (e.g. under 500 KB)
resize_imagesFreeTo a width, height, both or a percent: fit inside, fill and crop, or pad
convert_imagesFreeTo WebP, JPEG, PNG or AVIF, including iPhone HEIC photos
fit_fillFreeThe whole picture on a set canvas, with a blurred or colour fill
rename_filesFreeRename a set with a pattern: {name}, {n}, {date}, {w}x{h}
slim_svgFreeSmaller SVGs, with a render check
multi_cropProSeveral crops and sizes from each image at once
grid_slideProProfile grids in posting order, and carousel slides
make_web_image_setProResponsive widths and formats plus the srcset snippet
make_listing_photosProProduct photos framed for Amazon, Etsy, eBay, Shopify…
make_campaign_kitProOne creative as a matched set of social, web and ad sizes

Privacy

ToolPlanWhat it does
clean_metadataFreeRemoves GPS, camera, dates, XMP, IPTC and AI labels without touching the pixels
redact_imagesFreeCovers parts of screenshots: solid, blur or pixelate; same boxes across a set
lock_linkFreeAny link behind a password (AES-256, nothing stored on a server)

Brand

ToolPlanWhat it does
make_qr_codeFree (1 at a time) / Pro (batches)QR codes in your colours, PNG or SVG
watermark_imagesFreeText or logo, in a corner or tiled
extract_paletteFreeThe colours in an image, with swatches
make_icon_packFreeFavicons, app icons, a web manifest and the HTML
make_stampsFreePostage stamps, rubber stamps and seals
make_stat_shotFree (with a small credit) / ProMilestones as shareable images
make_logo_packageProA master logo as a full delivery folder
frame_screenshotsProScreenshots in browser, phone, tablet or laptop frames
make_store_screenshotsProApp Store and Google Play screenshots with titles
make_bentoFreeA bento grid of photos, text and colour tiles

Documents

ToolPlanWhat it does
pdf_toolkitFreeMerge, split, extract, reorder, rotate, info, clean PDF metadata
make_proof_sheetProImages as a PDF contact sheet
make_cardsProSpreadsheet rows into branded cards
check_deliveryProChecks a batch against a delivery spec and says which tool fixes what

Account and guide

ToolWhat it does
plan_and_pricingYour plan, what Free and Pro include, and the price
buy_proOpens Stripe checkout for Pro (Lifetime) in your browser
sign_in, verify_sign_in, sign_outSign in with an emailed code to unlock Pro here
manage_billingReceipts, card and invoices
brand_libraryYour synced Brand Libraries: colours, fonts, logos (Pro)
list_toolsEvery one.design tool, its plan and how to run it
open_in_one_designOpens a tool on the site (for Cutout, Blur Faces, Magic Eraser, Brand Guidelines)

Prompts (ready-made jobs)

blog-images, social-post, client-delivery, portfolio-piece, shop-listing, app-store-launch, brand-kit, share-privately, website-images, milestone-post.

Resources

one-design://guide (how to get good results), one-design://presets/sizes (social, store, web, marketplace and print sizes), one-design://tools (the full catalogue), one-design://plans.

Plans

  • Free: the Free tools, 5 files per batch, 1 QR code at a time, a small credit on Stat Shot, no Brand Libraries.
  • Pro: every tool, batches of 50, 50 QR codes at once, no credit, Brand Libraries. Lifetime £29.99 once (launch price, was £79.99).

Pro is bought on Stripe (buy_pro, or one.design/pricing) and unlocks here when you sign in with the same email (sign_in). The session is kept in ~/.config/one-design/mcp-account.json.

Try asking

  • "Compress everything in ~/Desktop/shoot to under 500 KB"
  • "Remove the location from these photos before I post them"
  • "Make App Store screenshots from these with these titles…"
  • "Turn this logo into a favicon pack and a full logo package"
  • "Merge these PDFs and take out page 3"
  • "What's free and what's Pro?" / "Buy Pro"

Install

Needs Node.js 20 or newer.

One command (adds it to Claude Desktop, Claude Code, Codex and Cursor, wherever they're installed, and keeps a .bak of any config it changes):

npx -y one-design-mcp setup

--dry-run shows what it would change, --app desktop|code|codex|cursor picks one app, and --remove takes it out again. An agent with a terminal (Claude Code, Codex, Cursor) can run it for you: ask it to "set up the One Design MCP server with npx -y one-design-mcp setup".

Claude Code

claude mcp add one-design -- npx -y one-design-mcp

Codex

codex mcp add one-design -- npx -y one-design-mcp

Claude Desktop: Settings → Developer → Edit Config, then add to claude_desktop_config.json:

{

"mcpServers": { "one-design": { "command": "npx", "args": ["-y", "one-design-mcp"] } } }

About this repository

This repository holds One Design MCP's documentation and its entry for the MCP Registry (server.json). The server itself is published on npm as one-design-mcp; npx -y one-design-mcp always runs the latest version.

  • Website and setup guide: https://one.design/mcp
  • All the tools in the browser: https://one.design
  • Questions and feedback: hello@one.design

© One Design. All rights reserved.