Interactive Input Fields & Form Prototyping with MagicInput
模拟真实输入
✏️ 介绍
MagicInput 是一款用于在 Figma Prototype 中创建真实键盘输入交互的插件。它可以自动生成输入框所需的 Variables、键盘事件、Focus 状态和输入逻辑，不需要写代码，适合表单、登录注册、搜索等需要真实输入体验的原型。
🔨 功能
1. 可基于现有 Input Component 或 Instance 自动生成交互输入框 2. 自动将输入值绑定到 Figma Variables 3. 支持管理 Value、Length 和 Placeholder Visibility 等变量 4. 支持通过键盘直接输入内容 5. 支持 Backspace 删除字符 6. 支持 Click to Focus 点击聚焦输入框 7. 自动生成 Keyboard Reaction 和条件判断逻辑 8. 支持根据输入状态控制不同元素的显示和隐藏 9. 支持 `a–z`、`A–Z`、`0–9` 10. 支持 Space、Backspace、Escape 11. 支持 `! @ # $ % ^ & * ( ) _ +` 等特殊字符 12. 可自动清理未使用的 Variables 13. 适合登录、注册、搜索和表单类 Interactive Prototype 14. 适合做带真实输入行为的 UX Demo 15. 可用于 Usability Testing，减少为了测试输入行为而依赖开发实现 16. 插件目前处于 Beta 阶段，部分功能可能仍存在不稳定情况
