产品

Mockflow

含 AIMCPSkill

面向设计师、开发者和产品团队的在线协作白板,可用于头脑风暴、绘图、线框设计和团队规划,并提供 AI 辅助。

mockflow.com 效率与协作 / 白板与图表

AI 竞品立项评估
桌面端
移动端
月访问
192.5K
上升20.1%环比2026 年 9 月
公开收入
未公开
暂无公开收入证据
入门价
$9/月
高于同类 49% 的产品同类中位数 $9/月
创作者
Prabhuram Baskaran
未关联社交账号
首次发布
12 年前
2014-07-01 · 估算

访问

月访问数据截至 2026 年 9 月 · 2026 年 10 月待更新

营销动作

发布、搜索与内容、引荐、促销
  • 在 Product Hunt 发布发布

    End to end solution for product design

    2022 年 1 月 18 日 · 4 年前发布页

  • 在 Product Hunt 发布发布

    Online wireframe tool

    2014 年 7 月 1 日 · 12 年前发布页

MCP 服务与 Agent 生态

GitHub 开源与智能体接入

Agent 智能体、MCP 与开发者接入

MCP ServerAgent Skill
浏览全部 MCP 服务产品 →

流量来源

2026 年 9 月

访问构成

渠道

  • 自然搜索60%
  • 直接访问26%
  • 外部引荐8%
  • 其他6%

国家/地区

  • 美国13%
  • 印度10%
  • 墨西哥7%
  • 巴西7%
  • 菲律宾4%

搜索

站点权重 —域名注册 2009-07-15

关键词月搜索量
dashboard445.6K
activity diagram24.4K
architecture diagram12.6K
mockflow4,660
which ai tool can draw me a map with provided prompts?—

流量数据:Vaneform

定价

Basic
$0 forever
1 editor + 5 reviewers · Total 4 projects & 200 items per board · 100 AI credits / month per account
Plus
$9/月(按年付)
800 AI credits / month per editor
Max
$14/月(按年付)
60 runs a month · 2,000 AI credits / month per editor

试用:未提供 · 2 档付费($9–$14) · 观察于 2026-11-03 · 原定价页

入门价 $9/月,高于同类 49% 的产品;「白板与图表」中位数 $9/月。查看定价基准

页面与变化

开始记录于 2014-07-01

关键页面

每周快照
mockflow.com/ 快照 2026-11-04

变化

开始记录以来,定价、套餐与定位都没有变化。

设计

首屏视觉分析与 :root CSS

浅灰白底配居中粗黑标题,蓝色手绘圈标出 visually,四周悬浮便签、色板与投票卡,底部露出白板界面。

首屏预览 · 点击放大

首屏讲了什么与转化路径

“Brainstorm visually with MockFlow”

胶囊顶栏下标题与免费按钮居中,两侧卡片环绕,底部横铺产品截图。

首屏转化路径:居中标题加按钮 + 产品界面截图或组件示意 → 免费开始 / 立即注册

色板 · 点击复制

五维设计评分7.9 / 10
字体与排版
8.0
色彩与对比
8.0
构图与留白
8.0
细节与工艺
8.0
风格辨识度
7.0

结构

字体
Inter
主视觉
产品界面截图或组件示意
信任背书
无显式背书
导航
悬浮胶囊导航
明暗与密度
浅色 · 留白多
圆角与层级
大圆角 · 有阴影
预览 AI 设计说明全文(含 :root CSS 变量与版式规则)只写风格参数,禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明:柔和友好

低饱和粉彩、大圆角与圆润字体,配友好的插画,面向大众用户。

## 设计参数

```css
:root {
  --background: #f4f6fb;
  --surface: #ffffff;
  --foreground: #111827;
  --muted-foreground: #6b7280;
  --accent: #2f6bff;
  --radius: 16px;
  --font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```

色彩面积配比:背景 #F4F6FB(约 52%) · 面板 #FFFFFF(约 22%) · 正文 #111827(约 10%) · 次要文字 #6B7280(约 8%) · 强调 #2F6BFF(约 8%)。背景与面板占绝大部分面积,强调色只用于主按钮与当前激活状态。

## 版式与转化结构

- 首屏版式:居中标题加按钮
- 导航结构:悬浮胶囊导航
- 明暗与密度:浅色 · 留白多
- 圆角与层级:大圆角;用阴影区分层级
- 主视觉载体:产品界面截图或组件示意
- 转化动作:免费开始 / 立即注册
- 标题切入点:直接行动指令
- 首屏组件特征:悬浮多卡片、首屏大幅产品界面
- 空间布局拆解:胶囊顶栏下标题与免费按钮居中,两侧卡片环绕,底部横铺产品截图。
- 视觉特征总结:浅灰白底配居中粗黑标题,蓝色手绘圈标出 visually,四周悬浮便签、色板与投票卡,底部露出白板界面。

## 避免

- 纯黑大面积
- 直角
- 等宽字体

请按上面的设计参数与版式实现界面:颜色只用这些变量,强调色只给主要操作与当前状态。只采用这种风格,禁止复刻任何参考产品的品牌名、标志、文案与图片。

问题与证据

Mockflow 的价格是多少?
Basic: $0 forever; Plus: $9/月(按年付); Max: $14/月(按年付). 观察于 2026-11-03。 当前计费条件、用量限制与税费以来源页面为准。来源
Mockflow 的网站访问量是多少?
Vaneform 估算 2026-09 网站访问量为 192.5K。访问量包含重复访问,付费客户数与收入需分别查看对应证据。来源
Mockflow 是什么产品,支持哪些平台?
Mockflow 归属「白板与图表」赛道:MockFlow 是面向设计师、开发者和产品团队的在线协作白板,可用于头脑风暴、绘图、线框设计和团队规划,并提供 AI 辅助。。 支持平台包括:浏览器扩展、MCP 服务。

同分类研究对象

效率与协作 / 白板与图表

这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。