Repository navigation
[0.3.0] - 2026-10-24
Claude Desktop extension: install open-design-0.3.0.mcpb from this release to update it.
Open Design now works for people who never open a terminal: a Claude Desktop extension with nothing else to install, designs in a folder you can see, a plain welcome and plain replies. It also adds design systems from a website, recommendations when you haven't picked one, and cards, small print and shop images you can sell.
- Fewer false alarms from
check_open_design_artifact. Text in a scrolling block (aprewithoverflow-x: auto) inside a roundedoverflow: hiddenbox is no longer reported as clipped;©,®,™and arrows are no longer reported as emoji; and a contrast ratio just under the bar now reads 4.49:1, not 4.5:1. - Claude Desktop extension. Each release now carries
open-design-<version>.mcpb: the MCP server for Claude Desktop on its own Node, with no Node.js install, nonpxand no download on first start, a settings form for the Figma token (kept in the system keychain) and a default design folder. With the plugin installed too, Claude sees one set of tools. Claude Desktop - Chat without a folder. With the extension, a Claude Desktop chat with no folder makes real designs:
use_open_design_managed_workspaceopens a folder for each design in~/Documents/Open Design/, andwrite_open_design_filesaves the files Claude writes there. With the plugin alone, Claude says what's missing and can make a single page as a Claude artifact. initpins the server. The.mcp.json,.codex/config.tomland.claude/launch.jsonentries now name the CLI's own version, so a project's server matches its skills. Re-runnpx @feimacode/open-design-agent-kit@latest initto upgrade both.- Design system from a website.
/open-design-design-system-from-url(and Open Design: Design System from Website in VS Code) measures a rendered site in your installed browser: the colours of its background, cards, text and main button (with its hover and pressed states), the fonts it loaded, its type scale, radii, spacing and motion. It writesDESIGN.mdandtokens.cssfrom the same measurements, then shows the site beside a sample page in the new tokens before saving. New tool:extract_open_design_design_system. Design systems - Built-in design systems describe one look. In most of the template design systems,
DESIGN.mdandtokens.cssnamed different colours and fonts, so briefs and Claude Design exports mixed two brands. Each one now has a recorded choice of which side is right, and the other side is corrected to match. Designs made in these systems will look different, because their tokens changed:agentic,application,artistic,bento,bold,cafe,claymorphism,clean,contemporary,corporate,cosmic,creative,dashboard,dithered,dramatic,elegant,energetic,enterprise,expressive,fantasy,flat,friendly,futuristic,glassmorphism,gradient,lingo,minimal,modern,neon,neumorphism,pacman,paper,perspective,professional,refined,retro,simple,skeumorphism,spacious,tetris,vibrant,vintage. Content sync - Every built-in design system, ready for Claude Design.
claude-design-systems/holds all 198 in Claude Design's Design System format: hover and tint shades computed to real colours, a brand-book README, and a cover drawn from each system's own colours and shapes. In Claude's Add design system, give this repository and a system's folder (for exampleclaude-design-systems/kami), or upload the folder.scripts/claude-design-system.ts exportnow writes your own systems in the same format and checks them. Design systems - A welcome for first-time users. In a new Chat with nowhere to save yet, Claude says so in plain words, offers the two ways on (connect a folder, or install the extension), then asks one question, "What's it for?", with goals to pick from (promote an event, run a shop, get hired, show an idea).
list_open_design_skillstakes agoaland lists the goals withsurface: "list". Your first design - Designs in a folder you can see. In Claude Desktop, designs go in a visible
Open Design/folder inside the connected folder, or in~/Documents/Open Design/<name>/with no folder. PNG, JPEG, PDF and PowerPoint exports sit beside the design with plain names (seed-swap-flyer-A4.pdf) and never overwrite a file you made. Folders that already hold designs under.open-design/, and designs an earlier release made in~/Open Design/, keep working where they are;OPEN_DESIGN_OUTPUT_DIRkeeps the classic layout. Settings - Plain replies. Every skill and prompt shares one voice: everyday words instead of jargon, no tool names or internal files, print terms explained once, files described the way you would find them, and one line on what to do next.
- Canva uploads from the server.
publish_open_design_artifact_to_canvatakesfilePathanduploadUrland sends the export to Canva's upload URL itself, so Claude Desktop Chat no longer needs a terminal for it. Onlyhttpscanva.com URLs and files in the design'sexports/folder are accepted. - Full paths when attaching files. Claude gives a file's full path when it attaches or shows a design with its own tools, so Claude Desktop can find it.
- Server:
OPEN_DESIGN_DEFAULT_WORKSPACEandOPEN_DESIGN_MANAGED_ROOT; the server reports its real version. - Browsing works before a folder is set. In Claude Desktop,
list_open_design_skills,list_open_design_design_systemsand the example and design-system pickers no longer refuse until Claude names a folder, since they only read the bundled catalog.list_open_design_skillswith more than 40 matches now returns pages of 100 compact entries (id, name, a one-line summary, mode, source) with counts by mode, and takes anoffsetfor the next page, so no listing overflows Claude's limit for one tool result. Remixable entries now sayremixable: trueinstead of naming the bundledexample.htmlpath, which agents in Claude Desktop went looking for with a whole-diskfind. - Design system recommendations. Not sure which design system to use? When nothing is active and you haven't named a look, the agent now recommends 3 to 5 from what you asked for, or asks up to three quick questions first, the same way in every agent. New tool
recommend_open_design_design_systems;list_open_design_design_systemsnow matches every word of a query ("warm fintech"). Design systems - Cards and small print. New formats for game cards with rounded corners (
trading-card,tarot-card,mini-card), small print (a5,a6,a7,postcard-4x6,business-card,business-card-us) and shop images (shop-product,shop-banner,shop-collection). The check warns when text sits in a corner the printer cuts round. Posters and print - Cards for a print house. Print images now come out at 300 dpi with the bleed included and the dpi written into the file (
dpichanges it).printHousewrites each face at a printer's exact upload size, starting with Board Games Maker;list_open_design_print_houseslists them. A card back (data-od-side="back") exports as-frontand-backfiles, and a print PDF puts each back after its front. CLI:--dpi,--print-house. Send cards to a print house - Sell what you make. Two new recipes:
shop-pack(product images, a store banner, a parcel card and launch posts from your product list and photos) andcard-set(fronts, a back and a proof sheet from your card list and art). Cost, supplier and note columns never appear on a design. New surfaces Online shop and Game cards, and goals Sell online and Make cards to print and sell. Sell what you make - Into your shop.
publish_open_design_artifact_to_shopputs the designs in Shopify through its connector, showing the matches first and creating new products only as drafts, or writes a folder ready to upload (images named by product,copy.md, and a Shopifyproducts.csv) for Shopify, Big Cartel or Etsy. Put your designs in your shop
What's Changed
- Served preview (experimental) + preview bridge for Comment, Edit and Figma by @ivenxu in #1
- Feat/browser preview by @ivenxu in #2
- feat: run the Claude plugin in Claude Desktop chats with a folder by @ivenxu in #3
- fix: move the plugin's MCP launcher out of bin/ so claude.ai can sync it by @ivenxu in #4
- docs(openspec): propose Claude Desktop support changes by @ivenxu in #5
- Claude Desktop guide, Code-tab path line, launch.json preview entry by @ivenxu in #6
- feat: show designs inline in Claude Desktop Chat (MCP App preview) by @ivenxu in #7
- Preview: opt-in root redirect for Claude Desktop's launch.json by @ivenxu in #8
- Publish designs as private Claude artifacts, with artifact previews and embedded 3D assets by @ivenxu in #9
- OpenSpec proposals for six Claude Desktop follow-ups by @ivenxu in #10
- Claude Desktop connector setup text for integrations by @ivenxu in #11
- Add opt-in artifact sync and restore_open_design_artifact by @ivenxu in #12
- feat: example, design-system and campaign pickers in the inline preview by @ivenxu in #15
- Recurring design jobs: job file, start/finish tools, recipe and guide by @ivenxu in #13
- Claude Desktop extension (.mcpb) and Chat without a folder by @ivenxu in #14
- Beta releases: npm next tag, init pins its version by @ivenxu in #17
- fix(release): unblock the 0.3.0 release build by @ivenxu in #18
- Add one-off design system copy to and from Claude Design (prototype) by @ivenxu in #16
- openspec: design system from a URL, and reconciling DESIGN.md with tokens.css by @ivenxu in #20
- Recommend a design system from the conversation or a few questions by @ivenxu in #19
- Reconcile bundled design systems; add design system from a website by @ivenxu in #21
- Fix design-system-from-url issues found on dating.com by @ivenxu in #22
- Propose Claude-ready design system builds (openspec) by @ivenxu in #23
- Build every bundled design system for Claude Design by @ivenxu in #24
- feat(desktop-extension): declare Linux in the .mcpb manifest by @ivenxu in #25
- Let catalog tools run before a folder is set; compact the full skill list by @ivenxu in #26
- Recognise Claude Desktop's real MCP client name by @ivenxu in #27
- Send Canva private uploads from the Open Design server by @ivenxu in #28
- list_open_design_skills: page large listings, stop naming bundled example paths by @ivenxu in #29
- Quiet three check false alarms; give full paths when attaching files by @ivenxu in #30
- Propose first-run welcome, visible designs folder and plain-language replies (openspec) by @ivenxu in #31
- Desktop for non-technical users: welcome, visible designs folder, plain replies by @ivenxu in #32
- Propose changes for online sellers and card makers by @ivenxu in #33
- Cards, print houses, shop and card set recipes, and the shop hand-off by @ivenxu in #34
- Release 0.3.0 by @ivenxu in #35
New Contributors
Full Changelog: v0.2.0...v0.3.0