Search & filter
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.
EXPLORE THE DIRECTORY
AI Web Design Plugins, Skills & Workflows
Find frontend design plugins, reusable skills and a website workflow for AI-assisted interface work. Check the required host and expected output.
7 tools to explore
Search & filter
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design drafts you refine.
Plugin for coding agents working with UI theme designer. Bundles two skills: how-to and conceptual answers about UI theme designer on BTP, and questions about the SAP Design System and SAP Fiori design tokens — theme parameters and compo…
Build, manage, and deploy Wix sites and apps. CLI development skills for dashboard extensions, backend APIs, site widgets, and service plugins with the Wix Design System, plus MCP server for site management.
A skill for designing frontend interfaces with intentional typography, visual direction and layout choices.
Upload a resume and an Agent generates a single-page portfolio website (HTML/CSS).
How to choose
Choose design guidance, Figma context, frontend implementation or a website workflow. Check whether a listing returns editable code, works with an existing design or requires an external service. The listed plugins and skills document Claude Code support; the workflow uses Langflow.
Open a listing to inspect its source and setup instructions. Add up to four tools to Compare to review them side by side.