跳至内容
WebViewGold 从 Vibe Coding 到 App Store
中文
获取 WebViewGold

Figma Make → Google Play

把您的 Figma Make 应用变成 Android 应用并发布到 Google Play

您的 Figma Make 作品不只是原型。把它当作产品,发布出去。 您的 Figma Make 应用已经能在浏览器中运行。WebViewGold 将已发布的 URL 封装进原生 Android 应用外壳,加入推送通知等原生功能,并为提交提供 Google Play 审核通过保证。您继续在 Figma Make 中开发;每次发布都会即时更新应用。

每个平台一次性 $109 起,或由我们的团队全程代劳,$698 起。

  • 审核通过保证 – 否则 14 天内退款
  • 无需编程
  • 一次性付费,免费更新
  • 7×24 小时人工支持
  • 2014 年起德国出品 · ISO 27001

对 Figma Make 应用而言,为什么封装胜过重写

Figma Make 发布到 figma.site 链接,因此应用是一个内含 React 和 Tailwind 的托管 Web 应用,WebViewGold 无需导出即可封装这个链接。条件来自 Apple,而不是 WebViewGold:审核指南 2.1 要求一个完整的应用,所以请在封装之前替换掉占位内容和无效按钮。在 Figma Make 中再次 Publish,应用就是最新版本。

一套代码,真正的商店应用

Android 应用在原生 WebView 中加载您已发布的 Figma Make URL。没有第二个项目需要维护,也不需要导出代码。

继续从 Figma Make 发布更新

再次 Publish,应用立即更新。 只有原生外壳本身的变更(图标、新增原生功能)才需要提交商店更新。

叠加原生功能

推送通知、离线页面、原生分享、生物识别登录、二维码扫描、应用内购买和深度链接,都只是单个设置或一行 JavaScript 调用。

Google Play 审核通过保证

Google Play Store 审核通过保证 – 否则 14 天内退款. 96.4% 的 WebViewGold 应用在首次提交时即通过审核团队的审核。

您需要准备什么

  • 一个已发布在公开 HTTPS URL 上的 Figma Make 应用(yourapp.figma.site,最好是您自己的域名)
  • 向 Google Play Store 提交所需的 Google Play Console 开发者账号(一次性 $25)
  • Windows、macOS 或 Linux 上的 Android Studio,或者浏览器中的 WebViewGold Cloud Builder
  • WebViewGold for Android($109 一次性付费,免费更新)
  • 一个隐私政策页面、一个 1024 × 1024 px 的图标,以及 30 到 60 分钟

我很高兴购买了这个应用!非常简单,文档也很棒。联系客服后,他们回复很快且非常友好,一天之内就解决了我的问题。10/10,值得推荐。

Nelis Geiger · CodeCanyon

Figma Make 到 Google Play:完整演练

八个步骤,无需编程。大多数人不到一小时就能完成原生部分。

  1. 将您的 Figma Make 应用发布到生产环境 URL

    在 Figma Make 中点击 Publish,即可获得应用的公开 figma.site 链接。再次 Publish 即可发布更改。 Make 画布预览不是公开的。请先发布,并使用已发布的链接。 自定义域名: 通过 Figma Sites 发布功能连接自定义域名,或导出代码并用您自己的域名部署到 Vercel/Netlify。 参见为什么值得在提交前使用自定义域名。

  2. 让它达到上架要求

    添加隐私政策页面和账号删除选项(如果用户可以注册),并移除构建工具徽标或“下载我们的应用”横幅。在您的 URL 上运行免费的Google Play 上架就绪检查:它能在几秒内标出混合内容、缺失的 viewport 标签、构建工具预览域名和其他阻碍项。

  3. 获取 WebViewGold for Android

    一次性付费,免费更新。您会收到现成的 Android Studio 项目,或者激活 WebViewGold Cloud Builder,完全跳过 IDE。

  4. 填入您的 URL 并设置品牌

    打开 Config.java(或 Cloud Builder 表单),粘贴您已发布的 URL,设置应用名称,选择包名,上传图标并选择启动画面。无需编程。

  5. 开启原生功能

    用单个设置启用推送通知、离线页面、下拉刷新、生物识别登录、二维码扫描器或 App Links。一切皆可选。

  6. 构建已签名的 App Bundle

    在 Android Studio 中:Build → Generate Signed Bundle。在 Cloud Builder 中:点击 Build,已签名的 .aab 会为您准备并上传。

  7. 创建 Play Console 详情页

    在 Play Console 中创建应用,填写商店详情,上传图标、置顶大图和截图,完成数据安全、内容分级和应用访问权限部分。

  8. 先测试,再提交

    新的个人账号需先进行 14 天、12 名测试人员的封闭测试。然后将版本提升到正式发布轨道并提交审核。我们的审核通过保证为您兜底。

提交前针对 Figma Make 的专项检查

这些是 Figma Make 项目(由 Figma Make 生成的 React + Tailwind CSS,可选 Supabase 集成处理认证和数据)最常遇到的问题。

  • Apple 要求的不只是一个原型:请确保每个按钮都有去处,不再残留“lorem ipsum”或占位页面(审核指南 2.1「App 完整性」)。
  • 如果您的 Make 应用使用 Supabase 的 Google 登录,请在应用内启用 WebViewGold 的 Social Login Helper。
  • 添加隐私政策页面;即使是简单应用,两个商店也都要求提供其 URL。
  • 请为初始加载启用 WebViewGold 的加载指示器。

让 Figma Make 来完成上架准备工作

把这段粘贴到 Figma Make 中,让它应用审核人员关注的那些修改。检查结果,然后发布。

粘贴到 Figma Make 的提示词
Prepare this app for publishing as a native iOS and Android app (it will run inside a native WebView wrapper): replace all placeholder content with real content; make every button and link functional; add /privacy and /terms pages linked from the footer; make all screens responsive from 320px to tablet widths with 44px tap targets; remove external promotional links; add an empty/retry state for failed data loads; set the title to the app name (max 30 characters).

Google Play 审核:对 Figma Make 应用重要的规则

Google 审核的是应用行为,而不是所用工具。没有人因为使用 Figma Make 而被拒;应用被拒是因为下面这些问题。

  • 最低功能要求

    垃圾内容和最低功能要求政策

    Google 会拒绝未经网站所有者许可仅封装网站的应用,或没有任何实际功能的应用。封装您自己的产品并加入原生功能是没有问题的。

  • 数据安全

    用户数据政策

    每个应用都需要一个隐私政策 URL,以及一份填写完整的数据安全表单,列出应用及其 SDK 收集的内容。

  • 账号删除

    用户数据政策

    允许用户创建账号的应用必须在应用内提供账号删除功能,并通过您在 Play Console 中提供的网页链接提供删除途径。

  • 测试要求

    个人开发者账号

    2023 年 11 月之后创建的个人账号必须先进行一次至少 12 名测试人员、连续 14 天的封闭测试,才能申请正式发布权限。

  • 目标 API 级别

    目标 API 要求

    新应用必须以较新的 Android 版本为目标。WebViewGold 的更新会保持模板最新;只需使用最新版本构建即可。

  • 支付

    Google Play 结算

    在应用内销售的数字商品和订阅通常必须使用 Google Play 结算(WebViewGold 支持 RevenueCat)。实体商品和服务可以使用其他支付方式。

Android 应用为您的 Figma Make 应用带来的原生功能

每项功能都是可选的,并在WebViewGold for Android 文档中逐步说明。

Google Play 提交前检查清单

逐项勾选后,审核就只是走个流程。免费就绪检查会自动验证其中的技术部分。

  • 全站 HTTPS:当前版本的 Android 默认阻止明文 http:// 流量。
  • 从 320 px 到平板宽度的响应式布局,返回键行为可预期(WebViewGold 将返回键映射到网页历史记录)。
  • 准备好隐私政策 URL,并如实填写数据安全表单。
  • 如果用户可以注册,应用内须提供账号删除功能,并附一个网页删除链接。
  • 如果内容需要登录才能查看,为审核人员提供应用访问凭据。
  • 在首次上传前设置好唯一的包名(例如 com.yourcompany.yourapp):之后永远无法更改。
  • 一个 512 × 512 px 的图标和一个 1024 × 500 px 的置顶大图。
  • 至少两张从真实应用截取的手机截图(建议也提供平板截图)。
  • 新的个人账号:为 14 天封闭测试安排好 12 名测试人员。
  • 使用最新 WebViewGold 版本构建的已签名 Android App Bundle(.aab)。

示例:从 Figma Make 项目到审核通过的应用

假设您在 Figma Make 中为当地一家美术馆设计了一份展览导览:每件作品一个页面,配有语音讲解、艺术家简介和楼层平面图。您把它发布到 figma.site 链接,连接 guide.yourdomain.com 并用 WebViewGold 封装,开启原生二维码扫描器,让参观者扫描每件作品旁边的二维码打开对应页面。因为有些展厅信号不好,您把访问最多的页面打包为离线后备页面。提交之前,您替换掉了最后几段占位的艺术家简介,因为 Apple 会拒绝内容不完整的应用。两个商店都批准了这个应用,每一个新展览只需在 Figma Make 中 Publish 一次就能上线。

上线后的第一周

  • 在 Figma Make 中修改文字和图片并发布;应用会在下次启动时显示。
  • 打包的离线页面只能随下一次商店构建一起更新,因为它们是随应用一起发布的。
  • 在新展览开幕或讲座即将开始时发送推送,并链接到对应页面。
  • 在小屏 Android 手机上检查已发布的网站;在大画布上设计的布局往往需要更紧凑的移动端断点。
  • 在参观者扫描了几件作品之后,用 rateapp:// 请求评分。

WebViewGold 为您提供

完整的原生应用项目,而不是订阅。以下所有功能都包含在授权中,只需一个设置即可开启。

  • 完整的 Android Studio 项目
  • 推送通知
  • 离线页面
  • 应用图标与启动画面
  • 原生分享与触感反馈
  • 深层链接与通用链接
  • 应用内购买
  • 免费更新,白标

常见问题

Figma Make 应用可以发布到 App Store 吗?

可以。发布应用,把它的公开 URL 填入 WebViewGold for iOS,然后提交原生构建版本。同一个 URL 同样驱动 Android 应用。请确保应用是完整的,而不是一个可点击的原型。

我需要从 Figma Make 导出代码吗?

不需要。WebViewGold 加载的是已发布的 URL。只有在您想要自定义域名或自行托管时才需要导出。

我需要 Android Studio 吗?

使用 Android Studio(免费,可在 Windows、macOS 和 Linux 上运行),或使用 WebViewGold Cloud Builder,它能在浏览器中构建并上传已签名的 App Bundle。

什么是 12 名测试人员规则?

Google 要求 2023 年 11 月之后创建的个人开发者账号在首次正式发布前,先进行一次至少 12 名已选择加入的测试人员、连续 14 天的封闭测试。朋友、同事或一个 Discord 社区就足够了;组织账号不受此限制。

如果 Google 拒绝了应用怎么办?

Google 会注明涉及的政策,您可以修复后重新提交。WebViewGold 附带 Google Play 审核通过保证:如果 Google 因非内容原因拒绝应用,您可在购买后 14 天内获得退款。

使用模拟数据的 Figma Make 应用能通过审核吗?

通常不能。审核人员会测试功能是否可用,所以接受任意输入的登录或永远保存不了的列表,都无法通过审核指南 2.1。请通过 Figma Make 的集成添加 Supabase 后端,让数据真正持久保存,或者在功能可用之前先把它移除。

我的 Figma Make 应用需要自定义域名吗?

对 WebViewGold 来说不需要,已发布的 figma.site 链接就可以使用。不过仍然值得在提交之前设置自定义域名,因为 URL 是编译进应用里的,而有了自己的域名,以后更换托管就不需要新的商店构建。

每次在 Figma Make 中修改内容后,都必须重新提交应用吗?

不需要。应用加载的是您已发布的 URL,因此您在 Figma Make 中发布的内容和功能变更会立即在应用中生效。只有原生外壳发生变化时才需要新的商店版本,例如更换应用图标或新增原生功能。

总共需要多少费用?

WebViewGold for Android 一次性付费 $109(免费更新),加上 Google Play Console 开发者账号(一次性 $25)。可选:Cloud Builder 附加组件(每个许可证 $349,一次性付费),让您无需 Mac 即可在浏览器中构建;或 Full Service 套餐(每个平台 $698 起),由我们的团队为您配置、构建并提交应用。

让您的应用上架商店的三种方式

结果相同,只是您需要投入的工作量不同。三种方式都附带审核通过保证和 7×24 小时人工支持。

自己动手

$109 每个平台,一次性付费

WebViewGold 许可证:一个现成的 Xcode 或 Android Studio 项目。粘贴您的 URL,设置名称和图标,开启所需功能,构建并提交。永久免费更新。

在主页查看方案

Cloud Builder

$349 每个许可证,一次性附加购买

无需 Mac、Xcode 或 Android Studio:在浏览器中完成配置,我们在云端构建两个应用,并将其交付到 App Store Connect 和 Play Console。

Cloud Builder 如何运作 试用免费演示

Full Service

$698 每个平台 $798

把您的 URL 和图标发给我们。我们的团队在 72 小时内完成配置、构建并交付您的应用,白标,附源码项目。两个平台共 $1,158。

Full Service 详情 服务提供方: WeSetupYourWebViewApp

冬季特惠价格有效期至 2026年12月31日。

准备好发布您的 Figma Make 应用了吗?

Google Play Store 审核通过保证 – 否则 14 天内退款

想直接交给我们?Full Service:我们在 72 小时内完成配置、构建并交付,每个平台 $698 起。有疑问?通过 7×24 小时在线聊天联系我们。

退款依据我们 FAQ 中列出的条件:应用因非内容原因被 Apple 和/或 Google 拒审,并在购买后 14 天内提出申请。