快速了解浮木云，看这里！

点击这里了解更多：

浮木云-产品设计开发智能助手

 

1、关于产品

1.1 浮木云是什么

浮木云是一款打通产设研团队，实现原型设计，一键部署，并支持代码导出的一体化的在线应用构建工具。

那么展开说说？

浮木云是浮木科技有限公司自成立以来首个自研项目，一直致力于产品设计、在线可事实查看、源码导出的研究与开发。全新版本聚合四款工具的创作与管理，包括「原型设计」、「在线部署」、「事件编排」、「源码导出」。

从记录想法的原型设计开始开始，到原型绘制，事件编排设计，在线部署查看，修改，以及最后根据自己的需求导出源代码，浮木云都能一站管理，作品之间能够互相导入导出，满足多样化的场景需求。我们同时面向企业和个人，赋能你的设计之旅，让你轻松展示想法、快速搭建验证想法、高效快速调整想法。一款产品的设计可以通过自己的想法从0到1的完全实现和部署，让尝试变得高效，让体验变得流畅。

1.2 浮木云可以做什么？

如果你想设计一款产品，则从你的团队中创建一个空白应用进入【原型软件】创作区

原型区提供了许多多种多样的组件，按钮、表格、选择器、地图、图片视频预览、图表等......可以在组件库中搜索不同类型的组件直接添加到本地，拖拽即可复用

同时我们还提供了多种多样的模板可以根据自己的需求单个/整个项目的一键导入到当前项目

我们以使用第二个教务管理科系统为例，直接使用全部页面即可得到整个项目的配置

在原型制作成功时，可直接在线查看页面内容效果，更清晰的看到原型制作直接到成品可交互成果的界面效果，方便进一步优化。

此外，浮木云拥有代码预览模式，可以支持原型边上查看代码，并且标注好了良好的代码规范，方便根据代码排查有可能潜在的问题。对于产品来说，原型和代码并非鱼与熊掌，在浮木云同一个页面下就能轻松实现。画布的无限性使创作不受限，代码可随画布一起导出。

在官网我们花了很多力气制作视频以及图文教程，帮助用户解决在产品使用中的各种问题，详细教程与功能教学视频持续更新中，详情可查看

https://www.fumucloud.com/doc/instructions/%E6%B5%AE%E6%9C%A8%E4%BA%91-%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8.html

2、设计工具：不只是贴图编辑、简单交互

浮木云将带来全新的「设计」工具，可编程化布局、事件编排，且远不止此。

2.1 事件编排

浮木云页面编辑页面交互的方式为事件编排，可以帮你很快的理清逻辑，根据需求快速构建页面的交互方式，实现页面数据的编辑联动以及多页面之间的协作跳转和数据传输

首先我们以一个高级表格为例，左边标签卡上选择结构树中找到表格，或者直接通过页面点击表格组件，在右边的交互编排中即可看到对于表格的交互配置

点击编辑的配置进入事件编排页面

可以根据页面需要交互的逻辑链来自定义编写自己需要实现的页面交互方式，例如我需要在点击编辑按钮的时候打开编辑弹窗，则可以直接在事件编排中进行设计（如需要打开弹窗，则需要页面组件中已经有待弹起的弹窗）

这样我们就完成了当表格进行点击的时候，打开弹窗的动作，同时也看看生成的代码片段吧

这样我们就完成了从页面设计-页面交互设计-源码自动生成的全部流程！

2.2 在线构建

在线构建是浮木云第二个产品设计-软件原型全流程打通的第二个关键点，通过在线构建，我们可以直接对原型进行构建并查看构建后直接部署到浮木云服务器的页面软件应用

首先从右上角的应用发布进入构建页面

我们可以查看我们项目中的应用以及构建状态，同时可以对应用进行校验，我们通过人工智能识别的方式帮你找出在配置过程中可能忽略的地方并生成日志提供给设计人员进行排查

在构建之前可以选中并进行应用校验，如果成功，则会出现如下所示

最后进行应用构建

这样我们就完成了构建，可以查看构建的日志以及对以及构建的应用进行访问

2.3 代码导出

那么如果要浮木云导出的代码并部署到自己的服务器呢？浮木云也提供了代码导出，可以支持单页面/整个项目的导出，导出的应用是以vue构建的完整的应用，即源代码，用户可以根据自己的需求对代码进行进一步的修改，而这些代码的所有权完全属于用户‘

在右上角选择源码导出，对整个应用的代码进行导出(这里也支持校验)

对导出的文件可以查看目录结构，是完整的vue项目，代码所有权导出即交付给用户

3.浮木云还有哪些亮点？

3.1 自建素材广场，海量素材免费复用

浮木云建立了自己的素材广场，并在素材广场开放了各行业分类的入口，以及多端的模板，可快速定位你的需求。

并且海量的素材支持免费下载，并应用保存到团队资源中，可直接进行使用。

与此同时，浮木云后续将支持每一位用户打造自己的模板。新增优秀创作者推荐榜单，给予创作者们更多的流量和曝光，在这里你也能快速发现自己想要的素材和作者，也可以联系我们发布素材作品，分享给更多人...

3.2 云端编辑存储，轻量自由化体验升级

无需花时间下载安装与更新，可以直接通过浏览器登录账号。

无需刻意保存，内容自动存储实时同步，不再为文件丢失哭泣~

可在任意设备登录账号实时查看项目进展，在电脑、移动设备等多个终端任意切换。

最后想说的，我们希望用户可以通过自己的一个想法完成整个软件的构建，掘出团队的所有的潜能，成为一个人人皆会用的软件；能让产品到成品软件变简单的工具；或兼具各类能力的产品....产品经历将数不清次数的迭代更新，在未来，我们还将进行持续性的优化探索，希望这篇文章能给不了解浮木云的你一个尝试的机会。更多新功能开发已经在路上了，之后也会持续更新同步给大家~