2024年figma是什么软件导出html 篇1
谢邀!
这个要看产品经理使用的什么软件制作的原型图,分别有基于网页、客户端、和手机端原型预览APP等。
一、Axure RP
一款功能非常强大的原型设计软件,用户群体庞大,是互联网产品前期设计的首选工具之一;
特色:支持F5在线预览,移动端、Safari或浏览器中预览;
导出文件类型:HTML, DOCX, PNG;
导出html操作步骤:
1.点击菜单栏中的“文件”,选择文件的储存位置,点击“打开”。
2.选择菜单栏中的“发布”,点击“生成HTML文件”。
3.选择储存文件的位置,点击“生成”。
4.打开文件,点击“index.html”。
二、Mockplus
操作简单易学,功能够用。内涵大量的组件和图标,只需要一个拖拽动作即可完成页面和组件交互的设计。
特色:支持F5在线演示,并在线发布HTML5的网页,导出HTML5离线包;同时可输入原型码、二维码,在手机中查看原型;
导出文件类型:.exe, PNG, HTML, 项目树(脑图、树图、HTML、MarkDown、XML、文本等形式);
导出html操作步骤:“主菜单栏”-“导出”-“导出HTML演示”;或:“主工具栏”-“导出”-“导出HTML演示”。
三、Justinmind
一款更适合做移动端开发的软件,可制作出高保真的原型;支持手势交互、自定义部件和组件库,内涵丰富的动画支持,同时支持变量判断、团队合作;
特色:支持浏览器和设备预览;
导出文件类型:HTML + JS, Word, PNG, 导航地图;
导出html操作步骤:菜单中选择“文件”-“导出为 html ”。
四、Invision
一款基于网页的原型交互设计工具。便于收集反馈意见,帮助设计师快速设计出产品模型,管理用户的设计团队,在线协作辅助。
特色:简单易学,快速创建热点,链接页面;支持手势和专场,分享评论,方便团队间的协作;支持PC或移动端浏览器预览;
导出文件类型:通过URL, Email, SMS等方式进行分享,也可以下载ZIP原型包或PDF;
导出html操作步骤:选择“文件”-“导出为 html ”。
五、Proto.io
一款功能非常强大的网页app,但每一步设定都需要通过拖拽,点击按钮还有在选项中调整数值,不太容易操作。
特色:手机组件丰富、支持组件交互,可以直接从Dropbox上传设计图,支持Sketch和Photoshop插件,支持HTML预览或通过短信发送到手机预览;
支持导出文件类型:HTML, PNG, PDF;
导出html操作步骤:选择“文件”-“分享为 html ”。