Create game controller and keyboard navigation prototypes in seconds with Prototyper. Used and trusted by designers at PlayStation, Riot Games, Blizzard, Epic Games, Amazon, Microsoft and more. Learn how to use Prototyper In this Game UI Prototyping talk, learn how to build a Game Inventory, Skill Tree and Quest Log prototype in under 10 minutes with Prototyper. Create a prototype from existing mockups ( demo ) Select all top-level frames of your mockups. In Prototyper, go to the Link tab. Click Link. Create a prototype from a single mockup ( demo ) Create components for the UI elements you would like to navigate in your mockup. For each component, add a component property to change between an unfocused and focused visual state. Now replace the UI elements with instances of the components you just created. In the top-level frame of your mockup, select the component instances. In Prototyper, under Navigation Focus type the name of the component property that controls focus, and the values that represent the unfocused and focused states. Click Generate. Prototype interactions will be automatically assigned based on how the selected elements are arranged. For example, mockups or elements arranged horizontally will be navigable with left and right inputs. Privacy & Network Access Prototyper is completely private. It runs locally in your file and does not make any network calls. All stats are also calculated and stored on your computer. Open Source Prototyper is open source and contributions are welcome! Contributors Alex Tokmakchiev - PlayStation Controller Keycodes Antoine Plu - PlayStation Controller icons
适用场景
Prototyper 属于 原型和动画 分类，适合希望用清晰结果驱动设计流程的团队。
关键信息
- 分类：原型和动画
- 点赞：438
- 用户：12,947
- 定价模式：免费
发布者信息
创建者：Aashrey Sharma。Figma 社区发布者：Aashrey Sharma。
兼容性与支持
- 支持编辑器：design
- 发布时间：2024年11月25日
- 支持联系方式：https://twitter.com/aashrey_sharma
安装前如何评估
查看 Figma 内最新更新说明，确认示例输出质量，并与下方相关插件做对比。