Star200+

Alternatives

Figma Implement Design alternatives for AI agents.

Compare similar skills by workflow fit, trust score, quality, GitHub adoption, maintenance, and install readiness.

Compare shortlistView Figma Implement Design

Current skill

Figma Implement Design

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

100
Quality
89
Trust
25K
Stars
#1

Taste Skill: Anti-Slop Frontend

Similarity 131Trust 92Excellent 100

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

79K starsAug 21, 2026 pushdesign-creativeCodexClaude Code
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontend
#2

Emil Design Engineering

Similarity 129Trust 90Excellent 100

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

13K starsJul 11, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills@latest add emilkowalski/skills
#3

Frontend Design

Similarity 123Trust 88Excellent 100

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

171K starsAug 21, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills add anthropics/skills --skill frontend-design
#4

Review Animations

Similarity 122Trust 90Excellent 100

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

18K starsJul 15, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills@latest add emilkowalski/skills
#5

Anthropic Brand Guidelines

Similarity 115Trust 88Excellent 100

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

171K starsAug 21, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills add anthropics/skills --skill brand-guidelines
#6

Web Design Guidelines

Similarity 115Trust 88Excellent 100

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

30K starsAug 21, 2026 pushdesign-creativeCodexClaude Code
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelines
#7

Canvas Design

Similarity 115Trust 87Excellent 100

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

171K starsAug 21, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills add anthropics/skills --skill canvas-design
#8

Apple Design

Similarity 114Trust 90Excellent 100

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.

18K starsJul 15, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills@latest add emilkowalski/skills
#9

Animation Vocabulary

Similarity 114Trust 90Excellent 100

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.

17K starsJul 15, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills@latest add emilkowalski/skills
#10

Onlook

Similarity 113Trust 90Excellent 100

The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI

26K starsJun 9, 2026 pushdesign-creativeTypeScriptFigma
$ npx skills add onlook-dev/onlook
#11

Seedance 2.0 Prompt Writing

Similarity 110Trust 83Excellent 100

Write precise Seedance 2.0 prompts for multimodal video, camera movement, editing, music, and product storytelling.

2.9K starsFeb 18, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills add dexhunter/seedance2-skill --skill seedance-prompt-en
#12

Vox Director

Similarity 108Trust 82Excellent 100

Turn one topic into a narrated Vox-style paper-collage explainer or ad video, from script through captions.

1.4K starsAug 11, 2026 pushdesign-creativeClaude CodeCodex
$ npx skills add Alisa0808/vox-director --skill vox-director
#13

Daisyui

Similarity 105Trust 90Excellent 100

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

41K starsJun 15, 2026 pushdesign-creativeSvelteDesign Systems
$ npx skills add saadeghi/daisyui
#14

Chakra Ui

Similarity 105Trust 88Excellent 100

Chakra UI is a component system for building SaaS products with speed ⚡️

40K starsJun 11, 2026 pushdesign-creativeTypeScriptDesign Systems
$ npx skills add chakra-ui/chakra-ui
#15

Lucide

Similarity 104Trust 87Excellent 100

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

23K starsJun 16, 2026 pushdesign-creativeTypeScriptFigma
$ npx skills add lucide-icons/lucide
#16

Mitosis

Similarity 104Trust 90Excellent 100

Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.

14K starsJun 5, 2026 pushdesign-creativeTypeScriptFigma
$ npx skills add BuilderIO/mitosis

How to choose

When should you switch?

Use an alternative when it has a clearer install path, higher trust score, fresher maintenance, or better platform fit for your current agent stack. Keep Figma Implement Design if it already passes your workflow test and repository review.

Next step

Compare top candidates side by side

Open the compare page, test the install commands in a sandbox, and check each repository before using a skill in production.