设计资产工具
形状
配色
字体
样机
开发
加载中…
图片压缩、HEIC 转 JPG、改尺寸、加水印，配色、字体配对、样机……做设计和处理图片常缺的那些小工具，设计猫一站给齐。打开就用，秒出结果。
一套配色，五秒生成
做出能直接发的图片成品——截图美化、代码图片、样机、社交卡图。产出的是图片文件本身，这正是 AI 给不了你的东西，全程浏览器本地合成、不上传。
上传截图，加漂亮背景、留白、圆角、阴影和窗口框，导出 2 倍高清 PNG。
把代码片段渲染成漂亮的语法高亮图片：选语言与主题，配窗口框、渐变背景与阴影，导出 2 倍高清 PNG。
把截图放进浏览器 / 手机框，配渐变底和阴影，一键出图。
生成 1200×630 的 OG / 社交分享卡片图，填字选主题即可。
生成平滑的 SVG 波浪分隔，调振幅/波数/翻转，复制 SVG 或 PNG。
生成有机不规则 blob 形状，调边数/不规则度，复制 SVG 或 PNG。
生成倾斜/曲线/三角/阶梯等 section 分隔，调高度翻转，复制 SVG。
一键生成和谐的 5 色配色方案，空格换色、锁定、复制 HEX。
从图片提取主色调色板，或用取色器吸取任意像素颜色，复制 HEX。
精选 Google Fonts 标题+正文搭配，实时预览，复制代码。
从文字、emoji 生成网站图标，选底色形状，导出 PNG。
生成任意尺寸的占位图，开发调试用，纯本地。
可视化生成 box-shadow 投影与 glassmorphism 玻璃拟态 CSS，复制即用。
可视化调线性 / 径向渐变，多色标随意加减，复制 background CSS。
拖控制点调 cubic-bezier 缓动曲线，实时看动画，复制 timing-function。