Ghost

骨架屏

作者: Christopher Kark
类别: 🪄 编辑&造型
定价: 免费

✏️ 介绍

Ghost 是一款用于在 Figma 中将现有界面快速转换为 Skeleton Loading 骨架屏的插件。它会递归识别选中对象中的所有节点，根据原始尺寸生成占位 Shape，并尽量保持原有布局结构，适合为页面、组件和界面状态创建 Loading Variant。

🔨 功能

1. 支持递归识别 Selection 中的所有 Node 2. 支持读取原始节点的尺寸 3. 会根据节点尺寸将内容替换为 Placeholder Shape 4. Ghost 处理后会移除原始 Layer 5. 支持处理 Shape 6. 支持处理 Text Box 7. 支持处理整个 Screen 8. 支持为生成的骨架元素设置统一颜色 9. 为减少布局异常，会移除 Auto Layout 属性 10. 会移除 Effect 11. 会移除 Stroke 12. 会移除 Fill 13. 对 Frame 会保留其 Background Color 14. Frame 的背景色会被保留，同时移除 Stroke 和 Effect 15. 适合将现有页面快速转换为 Skeleton Loading 状态 16. 推荐将生成结果作为类似 Disabled、Hover、Active 等状态一样的 Loading Variant 使用