GET FLUTTER CODE FOR FIGMA SELECTIONS Flutter generator will look through what you select and write out the flutter equivalent EASY COPY AND PASTE Stateless code? Stateful? Or just the widget code? Flutter generator renders them all for easy copy and paste RENDER WHAT YOU NEED Flutter Generator will do a one-to-one conversion of what you select in Figma into Flutter code (v1.12.13+hotfix.8). SENSIBLE EDGECASES So, do you want your image inside a Container()? Or the background of the Container()? Or just an AssetImage()? Flutter generator has dedicated options for edge cases like these, so there will be more than one way (and more in the future) of rendering an item. ASSET MANAGEMENT - Exporting images from the UI to match the flutter code. No need for a roundtrip - Font Names and their data are prepared/formatted for your convenience in your pubspec.yaml file Flutter Generator is starting in Beta, with the following functionality out of the box (More to come in updates): - Rectangles/Ovals/Lines (Basic shapes) - Solid colors - Images (AssetImage, Container Backgrounds) - Google fonts generation - Pubspec code snippet for third party dependencies
适用场景
FigmaToFlutter 属于 开发 分类,适合希望用清晰结果驱动设计流程的团队。
关键信息
- 分类:开发
- 点赞:1,074
- 用户:72,983
- 定价模式:免费
发布者信息
创建者:Seme Mojugbe。Figma 社区发布者:Seme Mojugbe。
兼容性与支持
- 支持编辑器:design
- 发布时间:2024年11月25日
- 支持联系方式:contact@audacitus.com
安装前如何评估
查看 Figma 内最新更新说明,确认示例输出质量,并与下方相关插件做对比。