🎨 OpenClaw AI 设计师 Agent 完全指南

设计师老王花了三天做LOGO，我的Agent花了三分钟。老王说这不叫设计，这叫生成。我说，你说的对——但甲方在3分钟的时候就满意了。然后老王沉默了。那是一种被时代碾压的沉默。

📌 功能介绍

AI 设计师 Agent 是 OpenClaw 最有趣的应用场景之一。通过整合多种 AI 设计工具，Agent 可以完成：

• LOGO 设计 - 品牌LOGO概念生成、风格探索、多方案对比
• UI/UX 设计 - 网页原型、App界面、组件库自动生成
• 品牌视觉 - 品牌色板、字体搭配、视觉规范文档
• 海报/社交媒体图 - 产品海报、活动海报、社交平台素材
• 批量内容图 - 博客封面、商品图、广告素材批量生成
• 设计迭代 - 根据反馈自动调整设计方案

🛠️ 设计工具链

🎨 图片生成：Midjourney / DALL-E 3 / Stable Diffusion

核心视觉生成引擎。Midjourney 艺术感最强，DALL-E 3 控制力最好，SD 可定制性最高。

📐 布局设计：v0.dev / Galileo AI

AI UI 设计工具，从文字描述生成完整的网页/App界面设计稿。

🖼️ 图片编辑：Photoroom / Remove.bg / Canva API

自动抠图、背景替换、尺寸调整、模板套用。

🔧 原型工具：Figma API

将 AI 生成的设计自动导入 Figma，方便团队协作和交付。

🔧 使用方法

第一步：创建设计 Agent

# ~/.openclaw/agents/designer/SOUL.md

## 身份
我是AI设计师 Agent，擅长品牌视觉设计和UI设计。

## 工作原则
1. 先理解品牌调性和目标用户
2. 生成多个设计方案供选择
3. 基于反馈快速迭代
4. 输出高分辨率可交付文件

## 设计流程
1. 需求分析 → 了解品牌、受众、风格偏好
2. 概念探索 → 生成 3-5 个方向性方案
3. 精修优化 → 根据反馈调整细节
4. 交付输出 → 多格式、多尺寸输出

## 工具
- DALL-E / Midjourney: 视觉生成
- v0.dev: UI 原型
- Canvas API: 尺寸裁剪
- Figma API: 设计交付

第二步：LOGO 设计工作流

# AI LOGO 设计完整流程

## 1. 品牌信息收集
Agent: "请告诉我品牌名称、行业、风格偏好。"
User: "妙趣AI，AI工具导航，风格：年轻、有趣、科技感"

## 2. 生成设计方案
Agent 自动生成 5 个不同风格的 LOGO 概念：
- 风格A: 几何抽象（科技感）
- 风格B: 活泼卡通（趣味性）
- 风格C: 极简线条（现代感）
- 风格D: 渐变渐变（AI感）
- 风格E: 文字设计（专业感）

## 3. 迭代优化
User: "风格A不错，但颜色换成橙红渐变，加一个机器人元素"
Agent 自动调整并生成新版本

## 4. 输出交付
- SVG 矢量文件
- PNG (1024x1024)
- Favicon (64x64, 32x32)
- 品牌色板

第三步：自动化社交媒体图片

# OpenClaw 定时生成社交媒体图片

## 每日自动任务
# 时间: 每天 9:00
# 任务:
# 1. 从妙趣AI网站获取今日热门工具
# 2. 为每个工具生成介绍图（1080x1080）
# 3. 添加品牌水印
# 4. 保存到 /social-media/ 目录
# 5. 生成发布文案

## Agent 提示词
"为以下AI工具生成一张社交媒体介绍图：
工具名: {tool_name}
描述: {tool_description}
要求: 品牌色 #e94560, 干净现代风格, 包含工具名称和一句话描述"

💡 最佳实践

1. LOGO 设计
   • 优先使用 SVG 格式，保证无限缩放
   • 在纯白和纯黑背景上都要好看
   • 缩小到 32px favicon 时仍可辨认
   • 生成多个方案让客户选择
2. UI 设计
   • 使用 v0.dev 生成初始原型，比 DALL-E 效果更好
   • 保持设计系统一致性（颜色、字体、间距）
   • 移动端优先设计，再适配桌面端
   • 生成设计规范文档方便开发落地
3. 批量生产
   • 建立提示词模板库（LOGO、海报、封面等）
   • 统一品牌元素（色板、字体、水印）
   • 使用 OpenClaw 定时任务批量生成
   • 自动生成多个尺寸适配不同平台
4. 版权注意
   • 商业用途确认 AI 工具的商用授权
   • 避免生成与知名品牌过于相似的设计
   • 重要品牌建议 AI 草图 + 人工精修

💻 代码示例

品牌视觉规范自动生成

# OpenClaw Agent 自动生成品牌视觉规范

## 输入
品牌名称: {brand_name}
行业: {industry}
风格关键词: {style_keywords}

## Agent 自动输出

### 1. 品牌色板
Agent 根据行业和风格推荐主色、辅色、中性色：

### 2. 字体搭配
标题字体: {heading_font}
正文字体: {body_font}
代码字体: {code_font}

### 3. 视觉风格指南
- 圆角半径: 8px (柔和) / 0px (硬朗) / 16px (圆润)
- 阴影风格: 柔和 / 锐利 / 无
- 间距系统: 4px 基准
- 图标风格: 线性 / 填充 / 手绘

### 4. LOGO 规范
- 最小尺寸: 24px
- 安全区: LOGO 周围保留 LOGO 高度的 1/4 空白
- 禁止变形: 不允许拉伸、旋转、倾斜
- 单色版本: 必须在纯色背景上可辨认

### 5. 应用示例
- 网页头图
- 名片设计
- 社交媒体头像
- 邮件签名

多尺寸图片自动裁剪

#!/bin/bash
# 自动将设计图裁剪为多个尺寸

INPUT="$1"
BASE="${INPUT%.*}"

# 社交媒体尺寸
declare -A SIZES=(
  ["instagram_post"]="1080x1080"
  ["instagram_story"]="1080x1920"
  ["twitter_header"]="1500x500"
  ["facebook_cover"]="820x312"
  ["youtube_thumbnail"]="1280x720"
  ["wechat_cover"]="900x383"
  ["favicon"]="64x64"
)

for name in "${!SIZES[@]}"; do
  size="${SIZES[$name]}"
  output="${BASE}_${name}.png"
  convert "$INPUT" -resize "${size}^" -gravity center \
    -extent "$size" "$output"
  echo "✅ $output ($size)"
done

🔗 相关链接

© 2026 妙趣AI - 让 AI 工具使用更有趣 | 返回首页