Translate design exports (HTML + screenshot) into design-system-aligned code through ten explicit gates. A Claude Code plugin.
AnimateToCSS is an After Effects plugin that exports AE animations to HTML + CSS code, similar to bodymovin but without requiring any third-party libraries. It also features one-click layer keyframe animation data extraction for easy development use. AnimateToCSS可以将 AE 动画导出为 HTML + CSS 代码，类似于 bodymovin，但无需安装任何第三方库。它还可以一键提取图层关键帧动画数据便于开发使用
Outil qui convertit une image en formes géométriques (rectangles + ellipses tournées) et les amène dans l'éditeur de vinyles de Forza Horizon 6 — soit en exportant un JSON, soit en les injectant directement dans la mémoire du jeu.
An all-in-one linter and automator for Figma. Automatically renames text layers based on styles, tidies up default frame names, and validates color usage to keep your design files clean and consistent.
Free online AI Color Palette Generator from text, names, image or hex codes. Includes themes, harmony modes, color blindness simulation, wcag accessibility testing and image exports.
A premium, developer-focused Chrome extension to inspect, recolor, and extract clean high-fidelity SVGs directly from Flaticon, featuring a zero-friction vector clipboard bridge for Figma.
Prototyping skills for AI coding agents. Astro, Tailwind CSS, DaisyUI workflow for designers. Turns product docs into a working coded prototype.
The all-in-one developer toolkit - offline-first, open source.
One-command AI design studio for designers — Claude Code + skills + templates + dashboard. Live: jerickevans-gif.github.io/Pegasus
A free, browser-based screenshot editor. Beautiful backgrounds, device frames, 3D effects, animations, and video export. No signup, no watermarks.
Batch optimize whole folders and convert them to WebP in seconds, not hours. Powered by Tinify API.
Fictional cats living small lives across Europe. A small generator. 37 cats.
A free visual reference for UI designers. Color theory, palette structures, accessibility, and tools.
Pull raw, full-size images out of any Behance project — single file or batched ZIP. Chrome side panel, 12 UI languages, local-first.
Local Figma-like dashboard to manage and edit your W3C design tokens.
Photoshop과 Illustrator에서 한글 입력 상태 때문에 단축키가 먹히지 않는 불편함을 줄여 주는 Windows 트레이 앱
Claude Code skills for designers navigating codebases—component discovery, safe visual changes, design system exploration, and prototyping in real code.
Open-source image generation playground for designers. Bring your own API keys for OpenAI, Gemini, Replicate or FAL — pay raw cost, not subscriptions.
A Claude skill that translates engineering jargon into design implications. Built for designers, works in any language.
Free Chrome & Firefox extension for web designers — measure elements, identify fonts, and pick colors with pixel-perfect precision.
Add a description, image, and links to the designer-tools topic page so that developers can more easily learn about it.
To associate your repository with the designer-tools topic, visit your repo's landing page and select "manage topics."