What it is: Easily create screen transition diagrams with text. Screen transition diagrams can also be converted to text. It's based on the "A shorthand for designing UI flows" technique as published by Ryan Singer . Reading this 5 minute read is highly recommended. How to use: (1) Below is a simple example. Paste it into the text area of the plugin and press the Create UI flows button. [Login] Username input field Password input field -- Login Forgot password [Forgot password] e-mail input field -- Submit (2) Use arrows to connect screens as needed. In addition, you can change characters and edit instances directly from Figma. Use your favorite plugins for the arrows. Recommended: Simpleflow (3) If you want to change the contents of the Figma to text(UI flows markdown format), select some frames and press the Export markdown button to copy it to the clipboard. This function is useful when you want to put the information on other tools. Acknowledgements: We would like to take this opportunity to thank. Ryan Singer , creator of the UI flows method. @hirokidaichi , creator of the UI flows markdown format. @k1rn for sharing ideas on how to create a UI flow with Figma.
适用场景
UI flows for Figma 属于 原型和动画 分类，适合希望用清晰结果驱动设计流程的团队。
关键信息
- 分类：原型和动画
- 点赞：132
- 用户：14,657
- 定价模式：免费
发布者信息
创建者：tamasally。Figma 社区发布者：tamasally。
兼容性与支持
- 支持编辑器：design
- 发布时间：2024年11月26日
- 支持联系方式：tamasally24@gmail.com
安装前如何评估
查看 Figma 内最新更新说明，确认示例输出质量，并与下方相关插件做对比。