Alva是一款强大的原型设计工具,能够适用于快速构建和迭代原型,允许用户基于开发人员设计的组件设计交互式产品,更关键的是它还是完全开源免费的,可以放心的使用,运用编程技术设计生活原型,能够很好地表达自己的设计,快来试试吧!
软件功能
1、使用代码组件启动原型
连接到React库的组件并开始使用它们作为原型。无需编写任何代码。
2、整合您的视觉设计草稿
将Sketch,Figma或任何其他设计工具的最新设计草图添加到原型中,并向您的团队展示下一个组件的外观。
3、通过互动连接一切
网络是互动的 - 所以我们也要以交互方式进行设计。超越静态屏幕和设计时考虑到交互,数据和逻辑。
草图集成(即将推出)
将Sketch集成到您的原型设计工作流程中,并将代码无缝导出到Sketch并将设计草图导入原型。今年晚些时候到来。
软件特色
添加图像组件
从Essentials库中添加Image Component 并将其拖到上面的元素列表中。
上传您的设计组件
选择组件后,您将在右侧看到Image属性。只需要单击“选择”,然后选择导出的文件即可。
设置图像大小
您可以调整组件的大小,甚至可以定义最小或最大大小。例如,您的组件可以是80%宽度,但最大为1280px。
Alva设计库进行分析
从克隆的源文件中“构建”Alva Design Library。这样做是为了让Alva在尝试理解图书馆的代码时更轻松。
将Alva Design Library连接到Alva
Alva设计图书馆现已准备好与Alva相连。点击Create New Alva File欢迎屏幕的右侧,启动Alva并创建一个新项目
更新日志
修复:重构槽内容分析
专长:扩展插槽默认选项
修复:正确更新默认插槽内容
修复:确保单个子插槽正常工作
feat:允许使用默认值的插槽
修复:恢复必需品库
修复:删除杂散调试文本
修复:确保正确的儿童指数
fix:允许在根级别使用多个jsx元素
feat:默认打开插槽
fest:为插槽默认调整编写单元测试
∨ 展开