使用 Figma Make 创建 Supabase 后端
由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！
通过今天 Figma Make 的更新，您现在可以构建更丰富的原型和功能齐全的 Web 应用程序，并使用 Supabase 实现真正的后端逻辑——所有这些都无需离开 Figma。
这种集成让从构思到实现的过程更加快捷、顺畅。借助 AI 驱动的提示和内置的 Supabase 支持，Figma Make 会在提示需要时自动建议添加后端，无需您主动询问。您可以根据需要随时添加身份验证、数据库或文件上传功能，无需交接、切换上下文或具备后端专业知识。
模拟数据会变成真正的 Postgres 数据库。占位符流程会变成可用的身份验证、存储和真实用户数据——这一切都由 Supabase 提供支持。以下是使用 Supabase 在 Figma Make 中可以实现的功能：
使用 Supabase 存储结构化数据
Supabase 为您的 Figma Makes 带来生产级 Postgres 数据库。它非常适合各种应用，从日记应用到 CRM 系统。您将获得结构化表、关系逻辑以及用于查询数据的安全 API。
Figma提示示例：
Create an internal CRM where sales reps can log new leads, track status updates, and filter leads by region or priority.
Each lead record should be editable and tied to a specific account manager.
为您的 Figma Make 应用添加身份验证
安全登录只需简单几步即可完成。只需在 Figma Make 中添加“Supabase Auth”，它就能自动连接邮箱/密码、魔法链接或 GitHub、Google 等社交账号登录。Supabase 会自动划分数据范围，确保用户只能访问其有权访问的内容。
Figma 创建提示示例：
Build a customer portal where users can create accounts, sign in with Google or email/password, and view their order history.
Ensure each customer can only see their own data.
上传和管理文件
允许用户直接在 Figma Make 项目中上传图片、PDF 或任何类型的文件。Supabase Storage 会安全地存储每个文件，并允许您控制谁可以访问这些文件。
Figma 创建提示示例：
Build a content submission platform where users can upload images, pitch decks, or PDFs.
Display uploaded files in a user’s profile, and restrict access to their own files only.
从任何位置导入数据
借助 Supabase，您的 Make 原型或应用程序不再局限于单一数据源——您可以轻松导入实时数据、连接到 API 并添加 AI 驱动的功能。
- 边缘函数允许您在靠近用户的位置运行后端逻辑。您可以将其视为轻量级的无服务器函数，它们可以获取数据、转换数据，并返回 Make 所需的内容。
- 外部数据封装器允许您查询外部数据库和 API，就像它们是您自己的 Supabase 项目的一部分一样。这意味着您可以从内部系统、电子表格或外部 API 中提取实时数据，而无需同步或复制数据。
- 矢量嵌入技术允许您使用自然语言存储和搜索高维数据（例如文本或图像），从而实现语义搜索和推荐等人工智能功能。它是构建更智能的搜索栏、内容发现或个性化体验的理想选择。
开始使用 Figma Make
Figma Make 已经让从概念到交互式体验的转换变得更加轻松。现在，借助 Supabase，您可以更进一步——构建由生产级后端驱动的、功能齐全的 Web 应用程序。
立即使用 Figma Make 和 Supabase，将您的想法变为现实。
发布周 15
主舞台
第一天 - JWT 签名密钥简介
第二天 - 支持 Iceberg 的 Supabase 分析存储桶简介
构建阶段
文章来源：https://dev.to/supabase/create-a-supabase-backend-using-figma-make-334o