设计工作流

dsh-figma-to-lottie

在对话里把 SVG 路径和关键帧编译成自包含的 Lottie 动画。

这是什么

两个把设计数据变成动效资产的工具:lottie_compile_shape 把 SVG 路径转成 Lottie 形状值,lottie_compile 从一份紧凑的图层规格组装出完整的 Lottie JSON——矩形、渐变、路径、内嵌图片和文字,每层都可以做关键帧动画。

Figma/SVG to Lottie animation compiler for DeepSeek Harness. Turn SVG paths and keyframe data into self-contained .lottie.json files.
来自上游 README

它对设计意味着什么

  • 用大白话描述一个加载动画,拿到能跑在 iOS、Android 和 Web 上的 .lottie.json。
  • 贝塞尔的出入切线和关键帧缓动是编译出来的,不用手写。
  • 零构建、纯 ESM:发布出去的就是实际运行的。

包含哪些内容

  • Why
  • Features
  • Usage
  • Layer Spec Reference
  • Development

如何安装

dsh-figma-to-lottie

  1. 在终端里运行这条命令。

    dsh plugin --profile myprofile add dsh-figma-to-lottie
  2. 重启 dsh web,让它加载这个插件。

  3. 然后描述你想要的设计,DeepSeek Harness 会自动用上插件提供的工具。

如何配合 DeepSeek Harness 使用

  1. 从 npm 添加插件,或从 GitHub 锁定某个 commit。

  2. 描述动效:图层、时序、缓动、错峰。

  3. 把编译出的 .lottie.json 丢进 LottieWeb、lottie-ios 或 lottie-android。

这里的每个插件都可以免费安装,并附上真实的上游源地址。

在 DeepSeek Harness 仓库里了解更多 ↗

下一步

用 NEXGERCORE 做设计,省掉那些配置

你可以自己装这个插件,也可以用 NEXGERCORE 在 DeepSeek Harness 外面套一整层精选设计层。自带 API Key,产出归你所有。

NEXGERCORE 桌面客户端

一套设计系统,让每一次创作都保持品牌一致

在完整的 NEXGERCORE IDE 中,用同一套品牌规则生成网页、PPT、可交互原型、数据看板、图像与 HTML 视频。连接本地 Codex、Claude Code、Cursor 等编程助手,即可免费创作。

  • 覆盖网页、PPT、原型、数据看板、图像与视频
  • 140+ 设计系统,以及完整模板与技能库
  • 连接本地 Codex 与 21+ 款编程助手 · 免费使用
免费下载

支持 macOS、Windows 与 Linux