Tempo Labs
免费
Tempo Labs 是面向产品、设计与工程团队的 AI编程 工作区，围绕 React/Vite/Tailwind 项目提供 AI 生成、设计画布、代码编辑、GitHub 同步、本地 IDE 同步、Figma 导入、Expo 移动应用和 MCP 集成能力。
Tempo Labs 的核心参数与统计
Tempo Labs 的产品定位不是单纯的代码补全，而是一个面向 React 应用的代码优先协作工作区。官网首页使用 “Plan, Design, Build. All in one place.” 作为核心表达，并把对象扩展到 PM、设计师、工程师和 agent；YC 公司页则将 Tempo 描述为 “Visual Editor for React, powered by AI”，这两条信息共同说明它更接近“AI 原生前端工作台”，而不是传统 IDE 插件。
| 项目 | 公开信息 |
|---|---|
| 官方入口 | https://www.tempo.new/ |
| 核心定位 | AI 驱动的 React 可视化编辑与协作开发工作区 |
| 技术栈重心 | React、TypeScript、Vite、Tailwind、ShadCN UI、React Router |
| 典型输入 | 自然语言需求、PRD、Figma 图层、现有 GitHub 项目、本地 IDE 修改 |
| 典型输出 | 可运行前端项目、线框图、组件、代码分支、预览链接、Vercel 部署路径 |
| 平台形态 | Web 工作区与 Windows/macOS/Linux 桌面下载 |
| 公司信息 | YC Summer 2023；成立于 2023；团队规模 8；多伦多，加拿大 |
| 当前公开定价 | Free、Pro、Scale、Ultimate、Power、Unlimited、Bonus Prompts |
边界理解：Tempo Labs 的价值集中在前端界面、应用原型、设计到代码和协作迭代。它可以接入 Supabase、OpenAI、Stripe、Slack 等服务，但复杂后端架构、核心交易系统、深度数据治理仍需要工程团队把关。
Tempo Labs 的用户与市场认可
Tempo Labs 的公开市场信号主要来自 YC、官方文档体系和产品站，而不是公开披露的用户量或营收数字。YC 公司页给出成立年份、批次、团队规模、状态与地点，并列出 Artificial Intelligence、Developer Tools、B2B、Design Tools、AI 等标签，说明它的商业方向更偏 B2B 设计工程协作，而不是面向泛大众的一次性生成器。
YC 信号：Tempo 属于 Y Combinator Summer 2023，状态为 Active，地点为 Toronto, Canada。YC 页面还显示创始人为 Peter Gokhshteyn 和 Kevin Michael，并描述 Tempo 团队希望帮助团队在数分钟内从 idea 走到 production。
产品活跃度：官网首页已经把旧版 app sunset 信息放在顶部，并引导用户了解新工作区，说明 Tempo 正在从早期形态迁移到更完整的桌面/协作工作区。官方文档覆盖 Getting Started、Git、Local Mode、Figma、Mobile、MCP、Pricing、Chat Modes 等页面，显示产品已经具备较完整的使用路径，而不只是概念演示。
未公开项：月活、付费客户数、收入、留存率和企业客户名单未在官方公开页面稳定披露，正文不将这些数据写成确定事实。
成本优势：用 prompt 计量把前端生成成本显性化
Tempo Labs 的定价页显示产品已从 per-token 计费转向 per-prompt 计费，目标是让使用量和成本更透明。对团队而言，这种结构的优势在于原型和前端迭代可以先按 prompt 验证，再决定是否进入更高额度或无限额度，而不是一开始就投入完整工程排期。
C 端/个人：Free 方案为 0 美元，包含 30 prompts，且每日最多 5 prompts。它适合验证单个页面、组件思路、Figma 导入效果和基础 PRD 生成，但不适合每天高频构建多个项目。
开发者/API 层：Tempo 当前更像应用构建工作区，不是公开 API 平台。开发者成本主要来自 Pro/Scale 等 prompt 额度、本地 IDE 协作、GitHub 同步、Vercel 或其他云服务部署，以及接入 Supabase、OpenAI、Stripe 等第三方服务后的外部账单。
企业/团队：Ultimate、Power 与 Unlimited 方案覆盖更高使用量，企业落地还需要评估 GitHub Organization 权限、SSO/审计要求、代码资产归属、第三方 API 密钥管理和本地开发流程。官方定价页显示 Unlimited 为 500 美元/月；合同级条款以官方实时页面和商务确认结果为准。
| 方案 | 月费 | prompt 额度 | 适用边界 |
|---|---|---|---|
| Free | $0 | 30，最多 5/天 | 体验、轻量页面、低频原型 |
| Pro | $30 | 150 | 独立开发者与小型前端任务 |
| Scale | $50 | 250 | 每周多次使用的专业用户 |
| Ultimate | $100 | 555 | 高频个人或小团队 |
| Power | $350 | 2150 | 更高吞吐的专业工作流 |
| Unlimited | $500 | Unlimited | 不希望受 prompt 额度约束的重度用户 |
| Bonus Prompts | $50 一次性 | 250，不会过期 | 仅 paid plans 可购买 |
Tempo Labs 的主要功能
- 自然语言生成应用：用户在 tempo.new 输入要构建的产品描述，Tempo 会生成需求文档、线框图和初始项目，再进入 editor 继续迭代。
- React 可视化编辑：Tempo 提供类似设计工具的可视化体验，但底层仍围绕 React/Vite/Tailwind 项目工作，适合设计与工程共同审阅界面。
- Figma to Tempo：官方 Figma 插件页面说明用户可选择 Figma 图层并打开到 Tempo 项目中，再用 AI chat 修正表单字段、输入控件等转换细节。
- GitHub 集成：Starter Repo 与 Git 文档显示 Tempo 可创建 GitHub 仓库、安装 GitHub App、管理分支、推送代码，并把项目结构落到 React + TypeScript + Vite + Tailwind。
- Local Mode：Local Mode 在 Tempo 与 VS Code、Cursor、Windsurf 等 IDE 之间做实时双向同步，减少 ZIP 下载和手动 push/pull 的摩擦。
- 部署与分享：Deploy and Share 文档说明可在 editor 中通过 Share 流程生成预览或部署到 Vercel，并邀请协作者进入 Canvas。
- MCP App Store：MCP 文档展示 OpenAI、Stripe、Slack、ElevenLabs、Firecrawl 等服务的连接路径，并要求用户提供各服务账号与 API key。
- 移动应用生成：Mobile 文档提供 Expo/React Native 路径，可生成 Expo 项目、通过 Expo Go 扫码预览并用 AI 修复错误。
- Chat Modes：官方 Chat Modes 页面列出 Normal、Reasoning、Search 三种模式，分别服务日常代码生成、深度代码库分析和外部信息检索。
Tempo Labs 的模型与版本演进
Tempo Labs 不是传统桌面软件式版本发布，公开信息更适合按产品里程碑理解。当前版本元数据采用 tempo-cloud-2026-06 表示 2026 年 6 月可见的公开工作区状态；精确版本号、完整 changelog 与后端模型切换日志未公开。
主线里程碑
| 阶段 | 时间 | 公开变化 |
|---|---|---|
| YC Summer 2023 | 2023 | YC 公司页显示 Tempo 成立于 2023，进入 Summer 2023 批次 |
| Tempo V2 | 2025-03-11 | Launch YC 页面发布 Tempo V2，强调用 AI 10 倍速构建 React apps |
| GitHub/Starter Repo 工作流 | ~2025 | 文档公开 GitHub App、Starter Repo、分支管理和 Vite/Tailwind/ShadCN 结构 |
| 当前公开工作区 | ~2026-06 | 官网展示桌面下载、Agent+、Pricing、旧 app sunset 提示和新协作工作区 |
模型使用信息
官方 Chat Modes 页面披露 Normal Mode 使用 Claude 3.7，Reasoning Mode 结合 Gemini 与 Claude 3.7，Search Mode 使用 Claude 3.7 + Gemini 进行 Internet Search。由于模型供应商、上下文窗口和路由策略可能随时调整，生产使用应以 Tempo 当期产品界面和官方文档为准。
Tempo Labs 的技术优势
代码与设计同屏：Tempo 的机制是把设计画布、代码编辑、AI chat、组件树和预览放在同一个工作区。结果是设计师能看到可运行界面，工程师能回到真实代码，产品经理能围绕 PRD 和线框图持续反馈，减少“图稿交付后再重写”的断层。
React/Vite 栈收敛：Starter Repo 文档明确项目结构包含 React + TypeScript + Vite、Tailwind CSS、ShadCN UI、React Router、src/components/ui/、src/stories/ 和 tempo.config.json。这种收敛带来的效果是输出更容易接入已有前端工程实践，适合中小团队快速形成可维护项目，而不是只获得一次性 HTML 截图。
本地 IDE 双向同步：Local Mode 的价值在于把 Tempo 的 AI 与可视化编辑能力接入 Cursor、Windsurf、VS Code 等开发环境。机制上减少 ZIP 和 Git 循环，效果上让工程师能在熟悉 IDE 中处理复杂代码，同时让变化回流到 Tempo Canvas。
集成层可扩展：MCP App Store 让外部服务通过 API key 接入项目，Supabase 作为持久数据库入口。它不能替代系统架构设计，但可以让原型更快连接支付、消息、AI API 和数据层，适合 demo、MVP 和内测工具。
如何使用 Tempo Labs
Tempo Labs 的典型入口是官网 https://www.tempo.new/。新项目从描述需求开始：在输入框写清楚应用目标、页面结构、关键交互和数据需求，点击 Generate 后进入生成页，Tempo 会先创建需求文档和线框图，完成后打开 editor 继续修改。
| 入口 | 使用方式 | 适合任务 |
|---|---|---|
| tempo.new Web | 输入需求，生成 PRD、wireframe 和初始项目 | 快速原型、前端页面、MVP |
| Tempo Editor | Chat、Code tab、Design 面板、Context 面板协同编辑 | 迭代 UI、修复错误、调整交互 |
| Figma Plugin | 选择 Figma 图层并 Open in Tempo | 设计稿转可运行前端 |
| GitHub Integration | 创建仓库、安装 GitHub App、管理分支 | 团队版本控制与代码交付 |
| Local Mode | 与 VS Code、Cursor、Windsurf 实时双向同步 | 工程师深度修改与 AI 协同 |
| MCP App Store | 接入 Supabase、OpenAI、Stripe、Slack 等服务 | 带数据和第三方服务的 demo |
| Expo 路径 | 选择 Expo，生成 React Native 项目并用 Expo Go 预览 | 移动应用原型 |
落地时应先用单页或单流程测试生成质量，例如登录页、SaaS dashboard、活动报名页或内部表单，再接入 GitHub 和 Local Mode。对于需要业务后端、鉴权、支付和数据权限的项目，建议把 Tempo 输出作为前端与原型基线，由工程团队继续做安全和架构审查。
Tempo Labs 的产品定价
Tempo Labs 当前采用 prompt 额度计费。官方定价页还说明 paid plans 包含 Free Fix with AI，最多可连续免费使用 7 次 Fix with AI；Reasoning 与 Internet Search 等早期功能会优先开放给 paid plans；额外购买的 top-up prompts 不会过期。
Max Mode 成本：定价页将 Max Mode 描述为用于强模型和复杂多步 agentic workflows 的增强运行设置，prompt 扣减按底层 API 成本折算，公式为 round(Total API Cost / $0.20)。这意味着复杂任务的实际消耗不只看一次按钮点击，而要看底层模型成本。
旧方案边界：Legacy Plans 可保留，但 Fix with AI 会计入 token usage，并且不再支持升级/降级到旧的 deprecated plans。预算管理上，团队应区分常规 prompt、Max Mode、高频修复和第三方服务账单。
Tempo Labs 的应用场景
- 产品原型与 MVP：产品经理或创始团队用 PRD 生成线框和 React 应用，几小时内形成可点击版本，验证用户流程、信息架构和页面文案。
- 设计到代码交付：设计师用 Figma 插件把选中图层导入 Tempo，再由 AI 修正控件语义与布局细节，工程师通过 GitHub 或 Local Mode 接管代码。
- 前端组件与内部工具：工程团队用 Tempo 快速搭建 dashboard、表单、列表、设置页和状态面板，再接入 Supabase 或内部 API。
- 跨角色协作：PM、设计师、工程师和协作者在同一 Canvas 中看预览、讨论、修改和分享，减少单纯交付静态设计稿带来的解释成本。
- 移动应用早期验证：通过 Expo 路径生成 React Native 应用，用 Expo Go 扫码在真实手机上预览，适合验证移动端体验与导航结构。
每个场景的验收重点不同：原型看速度和可点击完整度；设计到代码看像素还原与语义控件；内部工具看数据权限与异常处理；移动端看设备预览和 Expo 兼容性。
Tempo Labs 的适用人群
- 产品经理与创始团队：适合需要把想法快速变成可点击应用的人群，前提是能写清 PRD、页面流程和关键状态。
- 设计师与设计工程师：适合希望从 Figma 走向可运行 React 界面的角色，尤其是需要与工程团队共用组件和预览环境时。
- 前端工程师：适合把 Tempo 当作前端脚手架、页面生成和协作画布，再用本地 IDE 完成复杂逻辑、测试和重构。
- 增长、运营与内部工具团队：适合做活动页、表单、看板、数据录入和轻量业务流程工具。
不适配的情况也很明确：没有前端或应用界面需求的纯后端系统、需要严格合规认证的生产级金融/医疗核心流程、复杂多租户权限模型、强测试覆盖要求的核心业务系统，都不应只依赖 Tempo 一次性生成后直接上线。
Tempo Labs 的总结与展望
Tempo Labs 的核心竞争力是把 AI 生成、React 可视化编辑、Figma 转换、GitHub、本地 IDE、部署预览和第三方服务集成放在一个连续工作区中。它最适合解决“设计、产品、工程之间的前端协作断层”，尤其适合把想法快速落到可运行的 React 应用。
当前限制主要集中在三个方面：第一，官方未公开稳定语义版本号和完整版本日志；第二，复杂业务逻辑、权限、测试和安全审计仍需要工程团队深度介入；第三，per-prompt 与 Max Mode 成本虽然比 token 更易理解，但团队高频使用时仍需监控额度、第三方 API 费用和部署费用。
落地建议是先选择一个低风险但高频的前端场景做试点，例如营销页、内部 dashboard 或 Figma 页面还原；用 Free/Pro 验证生成质量、GitHub 同步、Local Mode 和人工修复成本；当团队确认输出代码可维护、协作流程清晰、第三方服务账单可控后，再扩展到更高额度方案或更多业务线。
版本信息
- Tempo V2 ：Launch YC 页面发布 “Tempo V2: Build React Apps 10X Faster With AI”，把 Tempo 定位为设计师与开发者围绕代码协作的 React 应用构建产品。
- Tempo 当前公开工作区 ：官方公开站点与文档当前展示 Tempo 的代码优先协作工作区、Windows/macOS/Linux 桌面下载、Figma 导入、Local Mode、本地 IDE 同步、GitHub 组织集成、Expo 移动应用、MCP App Store、Reasoning/Search Chat Modes 与 per-prompt 定价；暂无官方精确发布日期。
- GitHub 与 Local Mode 工作流 ：官方文档公开 Git 分支管理、GitHub Organizations、Starter Repo、本地 IDE 双向同步等能力；部分页面暂无官方精确日期。
用户评价