SuperAPI AI 工具集

anima-install-auth

设计与创作

查看项目

更新于 10-15 22:42

技能介绍

用途:安装并配置 Anima SDK,实现 Figma 设计稿到代码的生成流程,并验证一次授权生成。

主要能力:安装 @animaapp/anima-sdk;绑定 Anima API Token 与 Figma Personal Access Token;通过 generateCode 从指定 Figma 文件与节点生成 React/HTML 代码。

使用方式:需 Node.js 20+(SDK 仅服务端可用)、具备 API 访问的 Figma 账号、Anima API Token(当前为有限合作伙伴访问,需向 Anima 团队申请)及 Figma PAT。安装命令:npm install @animaapp/anima-sdk。用运行时密钥管理器绑定 ANIMA_TOKEN 与 FIGMA_TOKEN,可用 test -n "$ANIMA_TOKEN" && test -n "$FIGMA_TOKEN" 检查存在性而不打印值。初始化示例:import { Anima } from '@animaapp/anima-sdk'; const anima = new Anima({ auth: { token: process.env.ANIMA_TOKEN! } }); 调用 anima.generateCode 时传入 fileKey、figmaToken、nodesId 及 settings(language、framework、styling)。Figma 文件 Key 取自 URL figma.com/file/{fileKey}/...,节点 ID 取自 node-id 查询参数。

适用场景:设计到代码自动化、Figma 转 React/HTML 的集成搭建与凭据验证。

限制:SDK 仅限服务端,不可用于浏览器端;Anima Token 目前为受限访问;不得打印或暴露任何 token、源设计或生成源码;若令牌验证、文件访问或节点查找失败,应修正权限范围而非改用权限更广的个人令牌。错误处理涵盖无效 Anima/Figma 令牌、文件或节点未找到等情形。