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

Figma Make → App Store

把您的 Figma Make 应用变成 iOS 应用并发布到 App Store

您的 Figma Make 作品不只是原型。把它当作产品,发布出去。 您的 Figma Make 应用已经能在浏览器中运行。WebViewGold 将已发布的 URL 封装进原生 iOS 应用外壳,加入推送通知等原生功能,并为提交提供 App Store 审核通过保证。您继续在 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,应用就是最新版本。

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

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

继续从 Figma Make 发布更新

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

叠加原生功能

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

App Store 审核通过保证

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

您需要准备什么

  • 一个已发布在公开 HTTPS URL 上的 Figma Make 应用(yourapp.figma.site,最好是您自己的域名)
  • 向 Apple App Store 提交所需的 Apple Developer Program 账号(每年 $99)
  • Mac 上的 Xcode,或者浏览器中的 WebViewGold Cloud Builder(无需 Mac)
  • WebViewGold for iOS($109 一次性付费,免费更新)
  • 一个隐私政策页面、一个 1024 × 1024 px 的图标,以及 30 到 60 分钟

在过去5年我们尝试过的所有应用平台中,WebViewGold为我们带来了有史以来最短、最高效的上市时间。我不知道为什么没有更早发现你们,但我真的非常满意。目前我们的应用在iOS App Store和Google Play商店的下载量已超过6000次,没有任何问题!

安东尼奥·达维拉 · CodeCanyon

Figma Make 到 App Store:完整演练

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

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

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

  2. 让它达到上架要求

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

  3. 获取 WebViewGold for iOS

    一次性付费,免费更新。您会收到现成的 Xcode 项目。如果您没有 Mac,激活 WebViewGold Cloud Builder,在浏览器中完成一切。

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

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

  5. 开启原生功能

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

  6. 构建并上传

    在 Xcode 中:Product → Archive → Distribute 到 App Store Connect。在 Cloud Builder 中:点击 Build,上传到 App Store Connect 的工作会为您完成。

  7. 创建 App Store 详情页

    在 App Store Connect 中添加名称、副标题、描述、关键词、截图、隐私政策 URL 和 App Privacy 答案。如有需要,在审核备注中添加演示账号。

  8. 提交审核

    Apple 对大多数应用在 24 到 48 小时内完成审核。如有审核人员提问,请在 Resolution Center 中回答。我们的审核通过保证为您兜底。

提交前针对 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).

App Store 审核:对 Figma Make 应用重要的规则

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

  • 4.2

    最低功能要求

    应用必须提供比重新打包的网站更多的东西。响应式布局、原生导航以及至少一项原生能力(推送通知、离线页面、原生分享、生物识别登录)才是区别所在。WebViewGold 各用一个设置即可开启这些功能。

  • 2.1

    App 完整性

    没有占位内容,没有失效链接,没有崩溃。如果内容位于登录之后,请在 App 审核备注中提供演示账号。

  • 5.1.1

    隐私

    必须提供公开的隐私政策 URL。允许用户创建账号的应用还必须允许用户在应用内删除账号。

  • 4.8

    登录服务

    如果应用使用 Google、Facebook 或其他第三方或社交登录服务来创建或验证用户账户,就必须同时提供一个同等的登录选项:只收集姓名和邮箱地址、允许用户隐藏自己的邮箱地址,并且不会为广告目的追踪用户。Sign in with Apple 是满足这一要求的稳妥方式。只使用自有邮箱/密码登录的应用不受此条影响。

  • 3.1.1

    应用内购买

    在应用内销售的数字商品和订阅必须使用 Apple 的应用内购买。实体商品和现实世界的服务可以继续使用 Stripe 或 PayPal。

  • 2.3

    准确的元数据

    截图、描述和应用名称必须与应用的实际功能相符。不要在详情页中提及其他平台或“beta”。

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

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

App Store 提交前检查清单

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

  • 全站 HTTPS:App Transport Security 会阻止明文 http:// 内容和无效证书。
  • 从 320 px 到 iPad 宽度的响应式布局。Apple 在审核时也会在 iPad 上打开 iPhone 应用。
  • 准备好隐私政策 URL(Web 应用内的一个页面即可)。
  • 如果用户可以注册,应用内须提供账号删除功能。
  • 如果内容需要登录才能查看,为审核人员提供演示登录账号。
  • 应用内不得有“下载我们的应用”横幅、指向其他应用商店的链接或构建工具徽标。
  • 一个 1024 × 1024 px 的应用图标,无透明区域、无圆角(Apple 会自动添加遮罩)。
  • 从真实应用截取的当前 iPhone 尺寸截图(如支持 iPad,还需 iPad 截图)。
  • 准备好不超过 30 个字符的应用名称、副标题和关键词。
  • 回答出口合规问题(仅使用 HTTPS 的应用符合标准加密豁免条件)。

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

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

上线后的第一周

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

WebViewGold 为您提供

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

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

常见问题

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

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

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

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

发布 iOS 应用需要 Mac 吗?

使用 WebViewGold Cloud Builder 则不需要:配置、构建和上传到 App Store Connect 都在浏览器中完成。如果您有 Mac,Xcode 项目开箱即用。

Apple 审核需要多长时间?

大多数提交在 24 到 48 小时内完成审核。首次提交和带登录功能的应用有时会收到审核人员的提问;在 Resolution Center 中回答后审核会继续。

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

拒审通知会注明准则和原因,您可以根据需要多次重新提交。WebViewGold 附带 App Store 审核通过保证:如果 Apple 因非内容原因拒绝应用,您可在购买后 14 天内获得退款。

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

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

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

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

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

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

总共需要多少费用?

WebViewGold for iOS 一次性付费 $109(免费更新),加上 Apple Developer Program 账号(每年 $99)。可选: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 应用了吗?

Apple App Store 审核通过保证 – 否则 14 天内退款

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

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