·figma-prototyping

figma-prototyping

Name: figma-prototyping
Author: dylantarre

✓

dylantarre/animation-principlesGitHub: dylantarre/animation-principles 来源: dylantarre/animation-principles

在 Figma 原型和 Smart Animate 中实施迪士尼的 12 条动画原则时使用

dylantarre·figma·prototyping

36安装·2热度·@dylantarre

安装

GitHub: dylantarre/animation-principles

$npx skills add https://github.com/dylantarre/animation-principles --skill figma-prototyping

如何安装 figma-prototyping

通过命令行快速安装 figma-prototyping AI 技能到你的开发环境

打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
运行安装命令: 复制并运行以下命令：npx skills add https://github.com/dylantarre/animation-principles --skill figma-prototyping
验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源：dylantarre/animation-principles。

SKILL.md

查看原文

Implement all 12 Disney animation principles using Figma's prototyping and Smart Animate features.

Create: Pose A → Pose B → Pose C frames

| 100ms | Micro-interactions, button feedback | | 200ms | Standard transitions | | 300ms | Page transitions, modals | | 400-500ms | Complex reveals | | 800ms+ | Dramatic, attention-getting |

在 Figma 原型和 Smart Animate 中实施迪士尼的 12 条动画原则时使用来源：dylantarre/animation-principles。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令: npx skills add https://github.com/dylantarre/animation-principles --skill figma-prototyping
来源: dylantarre/animation-principles
分类: *创意媒体
认证: ✓
收录时间: 2026-03-05
更新时间: 2026-03-10
链接: https://www.learn-skills.dev/zh/skills/dylantarre/animation-principles/figma-prototyping

Browse more skills from dylantarre/animation-principles

快速解答

什么是 figma-prototyping？

在 Figma 原型和 Smart Animate 中实施迪士尼的 12 条动画原则时使用来源：dylantarre/animation-principles。

如何安装 figma-prototyping？

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）复制并运行以下命令：npx skills add https://github.com/dylantarre/animation-principles --skill figma-prototyping 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪？

https://github.com/dylantarre/animation-principles

详情

分类: *创意媒体
来源: skills.sh
收录时间: 2026-03-05