Composer 不能制作手绘线稿动画，因其是 VisionOS 的 UI 框架而非动画工具；可行方案为 AE+插件（Stroke+wiggle）或 SVG+GSAP 逐帧模拟，需注意线条粗细变化、路径微偏移和非匀速节奏。
并不支持手绘线稿风格动画制作——它根本不是动画工具，而是 macOS 上用于构建 VisionOS 应用的声明式 UI 框架（SwiftUI 的底层渲染协调器），没有画笔、图层、帧序列或描边抖动等动画控制能力。
如果你在搜索“
手绘线稿动画”，大概率是混淆了工具链。真实可行的路径只有两条：用 AE + 插件实现视觉效果，或用代码驱动 SVG/Canvas 逐帧模拟手绘感。下面直说怎么做。
为什么不能用
做手绘线稿动画
它不处理像素绘制，也不暴露笔触、墨迹扩散、纸面纹理等美术参数；所有 UI 元素最终由系统合成器（
）光栅化，无法干预描边生成逻辑。试图在
里“画线稿”，结果只会是干净矢量轮廓，毫无手绘抖动、起笔顿挫或擦除痕迹。
AE 中用
+
模拟手绘抖动的关键参数
这是目前最成熟、可批量复用的手绘线稿动画方案，依赖 After Effects 自带表达式和关键帧控制：
Composer 2.9.6
Composer 2.9.6 是 PHP 生态中高效、稳定的依赖管理工具。此版本在性能与兼容性上进一步优化，改进了依赖解析算法，提升大型项目中的安装与更新速度。它支持并行下载任务，显著减少等待时间，并增强了与私有仓库及镜像源的交互稳定性。同时修复了多项命令行交互与内存使用相关的缺陷，确保在复杂依赖关系下依然可靠运行。无论是新项目初始化还是现有系统维护，Composer 2.9.6 都能为开发者提供流畅、精准的依赖管理体验。
下载
效果必须启用
模式，并将
和
设为关键帧——否则只是静态描边
对
属性添加表达式：
，其中
是频率（每秒抖动次数），
是幅度（%），过大则失真，过小则看不出手绘感
务必关闭
，只保留
；线宽建议设为
px，配合 4K 工程更自然
导出时选
或带 Alpha 的
，避免 H.264 压缩抹平抖动细节
用
+
实现轻量级网页手绘动画
适合需要嵌入网页、控制播放/暂停、响应用户交互的场景，核心是把路径拆成多段并分时触发：
先用 Illustrator 或 Figma 将线稿导出为
，确保所有图形都是
，不要有
嵌套干扰
用
动画
和
，例如：
→
每条
加上随机延迟（
），模拟不同笔画的起笔时间差
若需“铅笔质感”，可在 CSS 中给
加
，配合
内的
微扰边缘
容易被忽略的渲染陷阱
无论 AE 还是 Web 方案，以下三点常导致“看起来不像手绘”：
所有线条粗细一致 → 实际手绘有起笔重、收笔轻、转折加压，需用表达式或 JS 动态改
路径完全贴合贝塞尔曲线 → 真实手绘会有微小偏移，可用
重绘 SVG 路径，或 AE 中叠加
配低强度噪波图
动画全程匀速 → 手绘过程天然有停顿、回笔、犹豫，关键帧要手动打成“缓出+小平台+再缓入”，别全用自动缓动
真正难的不是让线“动起来”，而是让系统理解“人怎么画”。参数可以抄，但下笔节奏、压力变化、纸面反馈——这些没法靠工具自动补全。
ComposerComposerComposerCore AnimationViewBuilderStrokeWiggleStrokeWrite OnStartEndEndwiggle(0.8, 1.2)0.81.2FillStroke1.5–2.5ProRes 4444MOVSVGGSAPSVGGSAP.to()stroke-dasharraystroke-dashoffsetstroke-dasharray="1000" stroke-dashoffset="1000"0delay: Math.random() * 0.3svg pathfilter: url(#pencil)stroke-widthrough.jsDisplacement Map