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.
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.
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.
Batch optimize whole folders and convert them to WebP in seconds, not hours. Powered by Tinify API.
The all-in-one developer toolkit - offline-first, open source.
Developer-focused Chrome extension to inspect, recolor, and grab SVG icons from Flaticon.
AI-powered copyright-safe image discovery platform for creators, designers, developers and marketers.
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.
A free, browser-based screenshot editor. Beautiful backgrounds, device frames, 3D effects, animations, and video export. No signup, no watermarks.
One-command AI design studio for designers — Claude Code + skills + templates + dashboard. Live: jerickevans-gif.github.io/Pegasus
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
Fictional cats living small lives across Europe. A small generator. 45 cats.
📐 Browser-native calculator for computing visually correct nested border-radius values from outer radius, padding, and inner radius. Zero-build tool with real-time preview, bidirectional sync, and 14-language i18n support.
面向设计师的中文手写 AI 提示词素材库 · 纯静态网页，零依赖，可部署到 GitHub Pages
A free visual reference for UI designers. Color theory, palette structures, accessibility, and tools.
Photoshop과 Illustrator에서 한글 입력 상태 때문에 단축키가 먹히지 않는 불편함을 줄여 주는 Windows 트레이 앱
A Figma plugin that rebuilds a frame with the fewest auto-layout layers it can get away with. Run it before you hand the file to someone else.
To associate your repository with the designer-tools topic, visit your repo's landing page and select "manage topics."