desktop-to-mobile｜桌面端到移动端

作者 Sianotte

✏️ 介绍 Mobile from Desktop 是一个用于把桌面端设计快速适配成移动端版本的 Figma Skill。它会基于响应式设计原则，将选中的 Desktop Frame 转换为 390px 宽的 Mobile Layout，并自动处理内容堆叠、导航变化、字体缩放、触控尺寸和信息优先级等问题。 🔨 功能 1. 可将选中的 Desktop Frame 转换为 390px 宽的移动端版本 2. 自动根据移动端空间重新进行内容 Stacking 3. 支持把桌面端 Navigation 转换为更适合移动端的结构 4. 自动调整 Typography Scale 5. 会检查并优化 Touch Target 尺寸 6. 根据移动端场景重新处理 Content Prioritization 7. 遵循常见 Responsive Design 最佳实践 8. 适合快速创建 Desktop → Mobile 的响应式版本 9. 可用于 Landing Page 10. 可用于 E-commerce 页面 11. 可用于 Dashboard 12. 可用于 Marketing Screen 13. 适合“Adapt for Mobile”“Create Responsive Version”“Mobilize This Design”等场景 14. 可减少手动逐个调整桌面布局到移动端的重复工作