truecanvas

MCP server · npm · ★ 2 · graded 2026-10-24Source linked

Design with your real React components: a Figma-like canvas for Next.js and Vite where layers are your .tsx and agents edit through MCP.

No outside reports on file

truecanvas is distributed via npm (truecanvas); review its source code, dependencies, and requested permissions before use.

Based on public adoption and transparency signals as of Oct 24, 2026. Our opinion, not a code audit or security guarantee.

Was this verdict for Truecanvas helpful?

What it can access

Local filesNo local folder access notedLOW
Command executionNo shell command runner notedLOW
Network reachLocal or standard API callsLOW
CredentialsNo API token requiredLOW
Package sourcenpm (truecanvas)PUBLIC

Inferred from this listing’s public package details and description. Check the project’s source before installing.

Install

npx -y truecanvas

All setup options ↓

Check this skill Watch it in my stack Compare Add to allowlist README badge View project

About Truecanvas

Truecanvas is an MCP server focused on Design & media: Design with your real React components: a Figma-like canvas for Next.js and Vite where layers are your .tsx and agents edit through MCP.

It is published on npm as truecanvas and hosted on GitHub at nathandona/truecanvas (2 GitHub stars, 105 weekly npm downloads). Based on its public metadata, it operates with standard local or API scope without broad shell execution flags noted.

Setup

These use the package this listing points to. Check the project’s own instructions before running anything.

npm command

npx -y truecanvas

MCP client config

For Claude Desktop (claude_desktop_config.json) or Cursor (.cursor/mcp.json).

json

{
  "mcpServers": {
    "truecanvas": {
      "command": "npx",
      "args": [
        "-y",
        "truecanvas"
      ]
    }
  }
}

Why this grade

CC — Moderate risk signals

Signal-based grade (2/7 points): listed in several sources, public source code. This reflects adoption and transparency, not a code review.

Popularity and upkeep

26/100

GitHub stars: 2
Weekly npm downloads: 105
Listing last refreshed: 2026-10-28

These are public popularity signals, not a maintenance check. Look at the repository’s commit history and open issues.

Security reports

No reports found for this package in our research (last checked 2026-10-30).

Check a specific version →

Risks to watch for

Dependency & version pinning: Distributed via npm (truecanvas). Pin an exact release version or commit SHA rather than floating tags so upstream updates are reviewed first.

How to lower the risk

Least-privilege permissions

Give it access only to the specific folders, accounts or projects it needs, never your whole drive or admin account.
Use a separate, limited API key or login just for this tool so you can switch it off without affecting anything else.

Network isolation

Run it on a work computer or sandbox account, not one holding personal or company-sensitive data.
If your IT team can, limit which websites and services it is allowed to contact.

Monitoring

Check its activity history or logs weekly at first, and look at what it changed or sent.
Turn on alerts for new logins or unusual usage on any account it connects to.

Red flags to watch for

It asks for more access than its job requires, or prompts you to paste passwords.
It suddenly updates with new owners, or starts contacting unfamiliar websites.

Questions

How do I install Truecanvas?

Run npx -y truecanvas in your terminal, or add the server entry to your claude_desktop_config.json or .cursor/mcp.json as shown in the Setup section on this page. Full setup docs and environment variables are in github.com/nathandona/truecanvas.

Are there security reports about Truecanvas?

No reports found for this package in our research (last checked 2026-10-30). Truecanvas currently holds Grade C (Moderate risk signals) based on public adoption and transparency signals. Review the permissions and source repository before granting access to local files, shell commands, or API keys.

Is Truecanvas actively maintained?

Truecanvas has 2 GitHub stars and 105 weekly npm downloads. Our directory data was last refreshed on 2026-10-28. Check recent commit activity, release tags, and open issues at github.com/nathandona/truecanvas before pinning it in production.

What are alternatives to Truecanvas?

You can compare Truecanvas side by side with other Figma MCP servers in the Related tools section on this page, or use the Compare tool on AgentArmorHQ.

Maintain or use Truecanvas? Show its live grade in your GitHub README, docs site, or run a check from the terminal before you install.

AgentArmorHQ Risk Grade C for Truecanvas

GitHub README Markdown:

markdown

[![AgentArmorHQ Risk Grade for Truecanvas](https://agentarmorhq.com/api/badge/nathandona-truecanvas)](https://agentarmorhq.com/skills/nathandona-truecanvas)

HTML embed:

html

<a href="https://agentarmorhq.com/skills/nathandona-truecanvas"><img src="https://agentarmorhq.com/api/badge/nathandona-truecanvas" alt="AgentArmorHQ Risk Grade for Truecanvas" height="20" /></a>

Terminal check:

terminal

curl -fsSL https://agentarmorhq.com/api/cli | node --input-type=module - check "nathandona-truecanvas"

Share with your security lead

Need sign-off to use truecanvas? Copy this note for Slack, a ticket or a pull request.

### AgentArmorHQ Security Review Memo: truecanvas
- **Listing URL:** https://agentarmorhq.com/skills/nathandona-truecanvas
- **Type:** App connector
- **Risk Grade:** Grade C (Moderate risk signals)
- **Outside Security Advisories on File:** 0
- **Public Adoption:** 2 GitHub stars, 105 weekly npm downloads

#### Permission & Blast-Radius Signals
- **Local files:** No local folder access noted
- **Command execution:** No shell command runner noted
- **Network reach:** Local or standard API calls
- **Credentials:** No API token required
- **Package source:** npm (truecanvas)

#### Recommended Hardened Setup
- **Command:** `npx -y --ignore-scripts truecanvas`
- **Controls:** Pin an exact version in `.mcp.json`, scope access to a single workspace folder, and use a least-privilege read-only token where supported.

_Based on public adoption and transparency signals as of Oct 24, 2026. Our opinion, not a code audit or security guarantee._

Key facts

Type: App connector
Publisher: nathandona
Source code: github.com/nathandona/truecanvas
Install command: npm install truecanvas
Est. context load: ~850 tokens / turn (~5 tool schemas, 0.43% of 200k context)
Popularity: 2 GitHub stars, 105 weekly npm downloads
Last updated: 2026-10-28
Last graded: 2026-10-24

Community

Discussions for Truecanvas

Ask questions or share configuration tips. Governed by our Community Rules & Terms.

No posts match this filter yet.

Be the first to ask a question or share a working tip.

Was this listing for Truecanvas helpful?

Check before you install, in Claude

Your assistant answers Block, Review or No known issues for any package before it installs it.

Get this check inside Claude