# What to use for visual design

> 'Comps' and 'layout' — how it looks and reads.

Source: https://tashan.sh/task/visual-design.html
Ranked by fit for the task, then how well it documents itself, then the tashan score
  (upkeep and freshness, gated by real adoption). Public evidence only — nothing paid can
  change a rank. Method: https://tashan.sh/methodology.html

## Ranked

| # | Capability | tashan score | Adoption evidence | Activity |
|---|---|---|---|---|
| 1 | [Obsidian Visual Skills](https://tashan.sh/capability/plugin-axtonliu-axton-obsidian-visual-skills-obsidian-visual-skills.html) | 56 | 3k ★ | active |
| 2 | [Excalidraw Skill](https://tashan.sh/capability/plugin-edwingao28-excalidraw-toolkit-excalidraw-skill.html) | 47 | 182 ★ | active |
| 3 | [Impeccable](https://tashan.sh/capability/plugin-pbakaus-impeccable-impeccable.html) | 79 | 51k ★ | active |
| 4 | [Figma](https://tashan.sh/capability/plugin-figma-mcp-server-guide-figma.html) | 73 | 2k ★ | active |
| 5 | [Shadcn UI](https://tashan.sh/capability/pkg-jpisnice-shadcn-ui-mcp-server.html) | 70 | 4k/wk | active |
| 6 | [Canva](https://tashan.sh/capability/plugin-canva-sdks-canva-skills-canva.html) | 59 | 53 ★ | active |
| 7 | [Microcharts](https://tashan.sh/capability/pkg-microcharts-mcp.html) | 58 | 315/wk | active |
| 8 | [Naksha Studio](https://tashan.sh/capability/plugin-adityaraj0421-naksha-studio-naksha-studio.html) | 55 | 302 ★ | active |
| 9 | [Memi](https://tashan.sh/capability/plugin-memi-design-memi-memi.html) | 55 | 28 ★ | active |
| 10 | [Drawio · lgazo](https://tashan.sh/capability/pkg-drawio-mcp-server.html) | 55 | 717/wk | active |
| 11 | [Openhop](https://tashan.sh/capability/plugin-naorsabag-openhop-openhop.html) | 54 | 40 ★ | active |
| 12 | [Pencil Dev Skill](https://tashan.sh/capability/plugin-nisus74-pencil-skill-pencil-dev-skill.html) | 50 | 15 ★ | active |
| 13 | [Bridge Ds](https://tashan.sh/capability/plugin-noemuch-bridge-bridge-ds.html) | 48 | 155 ★ | active |
| 14 | [Perception First Design](https://tashan.sh/capability/plugin-skovalik-perception-first-design-perception-first-design.html) | 43 | 80 ★ | active |
| 15 | [Get Design Done](https://tashan.sh/capability/plugin-hegemonart-get-design-done-get-design-done.html) | 42 | 4 ★ | active |
| 16 | [Buildable](https://tashan.sh/capability/plugin-suntay44-buildable-plugin-skills-buildable.html) | 42 | 52 ★ | active |
| 17 | [Paper Desktop](https://tashan.sh/capability/plugin-paper-design-agent-plugins-paper-desktop.html) | 41 | 11 ★ | active |
| 18 | [Claude2figma](https://tashan.sh/capability/plugin-senlindesign-claude2figma-claude2figma.html) | 40 | 180 ★ | active |
| 19 | [The Design Library](https://tashan.sh/capability/plugin-zeta92-design-library-plugin-the-design-library.html) | 40 | 10 ★ | active |
| 20 | [F MCP Bridge](https://tashan.sh/capability/plugin-atezer-fmcp-f-mcp-bridge.html) | 48 | 9 ★ | active |
| 21 | [Mzizi](https://tashan.sh/capability/pkg-nyuchi-mzizi-mcp.html) | 48 | 43/wk | active |
| 22 | [Frontend Design · anthropics](https://tashan.sh/capability/plugin-anthropics-claude-plugins-official-frontend-design.html) | 46 | 2 marketplaces | — |
| 23 | [UI Theme Designer](https://tashan.sh/capability/plugin-sap-ui-theme-designer-plugins-for-coding-agents-ui-theme-designer.html) | 46 | 1 ★ | active |
| 24 | [Pluginos Figma Operations Platform](https://tashan.sh/capability/plugin-lsdimi-pluginos-pluginos-figma-operations-platform.html) | 44 | 2 ★ | active |
| 25 | [PDF Forge](https://tashan.sh/capability/plugin-syx-labs-pdf-forge-pdf-forge.html) | 43 | 1 ★ | active |
| 26 | [Css Development](https://tashan.sh/capability/plugin-2389-research-claude-plugins-css-development.html) | 42 | 1 marketplaces | — |
| 27 | [S2 Docs](https://tashan.sh/capability/plugin-adobe-spectrum-design-data-s2-docs.html) | 40 | 1 marketplaces | active |
| 28 | [Design Data · adobe](https://tashan.sh/capability/plugin-adobe-spectrum-design-data-design-data.html) | 40 | 1 marketplaces | active |
| 29 | [Design Data Agent](https://tashan.sh/capability/plugin-adobe-spectrum-design-data-design-data-agent.html) | 40 | 1 marketplaces | active |
| 30 | [Frontend Design](https://tashan.sh/capability/skill-anthropics-frontend-design.html) | not scored | 6 repos | active |
| 31 | [Magicpath](https://tashan.sh/capability/plugin-magicpathai-agent-skills-magicpath.html) | 58 | 84 ★ | active |
| 32 | [Figma Console](https://tashan.sh/capability/pkg-figma-console-mcp.html) | 78 | 3k/wk | active |
| 33 | [Accessibility Scanner](https://tashan.sh/capability/pkg-mcp-accessibility-scanner.html) | 71 | 3k/wk | active |
| 34 | [Raven](https://tashan.sh/capability/pkg-raven-mcp.html) | 71 | 856/wk | active |
| 35 | [Identityforge](https://tashan.sh/capability/pkg-identityforge.html) | 60 | 482/wk | active |
| 36 | [Figma MCP Express](https://tashan.sh/capability/pkg-figma-mcp-express.html) | 58 | 465/wk | active |
| 37 | [Agentic Design System](https://tashan.sh/capability/pkg-ads-mcp.html) | 52 | 277/wk | active |
| 38 | [Figma Edit](https://tashan.sh/capability/pkg-figma-edit-mcp.html) | 52 | 197/wk | active |
| 39 | [UI Design To Code](https://tashan.sh/capability/pkg-ui-design-to-code-mcp.html) | 45 | 93/wk | active |
| 40 | [Figma · planetabhi](https://tashan.sh/capability/pkg-figma-mcp-server.html) | 64 | 2k/wk | active |

Showing the top 40 of 85. The full ranked shelf is at https://tashan.sh/task/visual-design.html.

## What these numbers are not

- The tashan score measures upkeep, freshness and adoption. It is **not** a security
  verdict and **not** a measure of whether the capability works well.
- `not scored` means too little public evidence to rank, never that something is bad.
- The security audit is separate and free per capability, on each page above.