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，但无需安装任何第三方库。它还可以一键提取图层关键帧动画数据便于开发使用
Local Figma-like dashboard to manage and edit your W3C design tokens.
Tool that converts an image into geometric shapes (rectangles + rotated ellipses) and brings them into the Forza Horizon 6 livery editor — either by exporting a JSON file, or by injecting them directly into the game's memory.
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.
The all-in-one developer toolkit - offline-first, open source.
Developer-focused Chrome extension to inspect, recolor, and grab SVG icons from Flaticon.
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.
Prototyping skills for AI coding agents. Astro, Tailwind CSS, DaisyUI workflow for designers. Turns product docs into a working coded prototype.
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. 45 cats.
HexPaint: A Python GUI tool designed to convert list-based hex color codes in Excel into solid visual palette fills. It processes multiple 'Hex X' columns, automatically handles layout offsets, flags incorrect values with a distinct error color, and dynamically builds custom colored spreadsheets for designers and developers
Pull raw, full-size images out of any Behance project — single file or batched ZIP. Chrome side panel, 12 UI languages, local-first.
Photoshop과 Illustrator에서 한글 입력 상태 때문에 단축키가 먹히지 않는 불편함을 줄여 주는 Windows 트레이 앱
A free visual reference for UI designers. Color theory, palette structures, accessibility, and tools.
A Claude skill that translates engineering jargon into design implications. Built for designers, works in any language.
Colors from the real world
Open-source image generation playground for designers. Bring your own API keys for OpenAI, Gemini, Replicate or FAL — pay raw cost, not subscriptions.
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."