一、快速开始：从裁剪到配色
先用 Image Cropper (图片裁剪) 调整素材尺寸，统一画布比例。然后打开 Color Palette (配色方案生成) 快速提取和谐色板，或用 Color Converter (颜色转换器) 将 HEX/RGB 互转，确保跨平台一致。需要渐变背景时，Gradient Generator (渐变色生成) 可一键生成 CSS 代码。
二、界面与图标：打造精致细节
选择合适的字体：用 Font Previewer (字体预览) 实时对比中英文字体效果，再输入界面文字。寻找图标时，Icon Finder (图标搜索) 提供海量矢量图标，支持关键词过滤。若需自定义图标，将下载的 SVG 用 SVG to PNG (SVG 转 PNG) 转为位图，适配老旧系统。
三、输出样机与分享
完成设计后，Mockup Generator (样机生成) 可将你的 UI 嵌入设备框架，生成高保真展示图。最后再次用 Image Cropper 优化导出尺寸，或直接用 SVG to PNG 批量转换资源。所有工具均免费、无水印，适合快速迭代。
常见问题 (FAQ)
Q: 如何让配色更专业？ A: 使用 Color Palette 的“随机”模式，再手动微调色相，配合 Color Converter 验证对比度。
Q: SVG 转 PNG 后模糊？ A: 确保 SVG 源文件尺寸大于目标尺寸，并在转换时选择 2x 或 3x 缩放。
Q: 样机背景如何自定义？ A: Mockup Generator 支持上传自定义背景，先将背景图用 Image Cropper 裁剪至设备屏幕比例。
