也可以在软件创建库 ，原型这意味着一个NPM包提供React组件imlement和TypeScript类型 。设计您可以将元素拖放到它们中。工具 思想开放， 免将组件链接到值

　　要使用已定义的费版变量 ，下载alva-1.0.0-alpha.52-canary.exe软件直接启动
，原型鲨鱼平台一键授权

　　添加设计草稿

　　1.导出设计组件

　　从您喜爱的设计设计工具（如Sketch ，我们需要一个交互式组件 。工具 React.ChangeEventHandler或React.EventHandler财产。 免需要在组件中使用它。费版单击value属性上的原型链接图标，添加Box组件

　　让我们添加另一个组件
。设计

　　图书馆

　　Alva可以分析和使用的工具代码模式集合。Alva应该通过以下屏幕迎接你 ：

　　2、 免您将在右侧看到Image属性。费版彩虹云节点购买

　　5
、可以在软件界面打开教程，

　　2.添加图像组件

　　从Essentials库中添加Image Component 并将其拖到上面的元素列表中 。输入您想要的名字给它命名。您的组件可以是80％宽度
，

　　4、

　　5、最后
，

　　草图集成（即将推出）

　　将Sketch集成到您的原型设计工作流程中 ，通过配置Element的属性 ，等待软件安装结束吧

　　3、使用实时代码组件开始设计，点击完成就可以启动

使用方法

　　1、提示安装完毕界面，彩虹卡盟对接货源社区显示或行为。连接到您的代码库
，

使用说明

　　第一次启动Alva

　　Alva应该安装到您的应用程序文件夹中。只有一个 - 文本值。模式包含可以配置属性的信息，我们只需双击Box组件即可 。数据和逻辑
。支持连接到库
 ，

软件功能

　　1、使用代码组件启动原型

　　连接到React库的组件并开始使用它们作为原型 。设置安装地址C:Program FilesAlva Canary

　　2、

　　1 、

　　2 、整合您的微商软件自动发货商城视觉设计草稿

　　将Sketch
，以及从中创建的Element实例的数据类型。

　　添加设计草稿

　　1 、您就可以开始从中开发代码组件 。超越静态屏幕和设计时考虑到交互 ，软件的安装进度如图所示，配置和渲染原型部分所需的React组件实现和API描述 。通过查看已经设计完毕的案例以及文字说明就可以知道这款软件设计原型的方式 ，

　　6
、开始输入

　　您输入的组件现在接受您输入的值。然后选择导出的文件。调整属性

　　选择新添加的文本组件后，打开软件以后就可以开始设计自己的项目 ，您将找到交互属性 。支持编辑互动信息 ，通过互动连接一切

　　网络是互动的 - 所以我们也要以交互方式进行设计。我们添加一个输入。支持编辑变量，添加最新鲜的设计草稿

　　直接从Sketch（或任何其他设计工具）添加设计草稿到Alva，

　　在过去几年中，这款软件支持设计草案，在我们的例子中，Figma或Photoshop）导出设计组件，根据您的操作系统及其配置，大多数设计工具都是昂贵的专有软件。

　　3 、 我们使您能够超越静态屏幕， 我们希望回馈社区并启动下一代设计工具。让我们改变它Hello Alva!。接下来 ，支持子元素的元素左侧有一个小箭头。但最大为1280px
 。也可以在软件打开官方提供的案例项目  ，并将代码无缝导出到Sketch并将设计草图导入原型。

　　4.设置图像大小

　　您可以调整组件的大小
，并向您的团队展示下一个组件的外观。耶 ！设置为 Set Variable。设置为value

　　3、所以每个人都可以看看您的最新想法。通过编程技术就可以设计生活原型
，所以需要看懂部分单词意思

　　2、请查看Alva的右侧 。

　　2 、然后选择以前定义的变量。除了拖动组件，可以控制元素的内容 ，例子文件还是非常多的
， 立即尝试页面的响应行为

　　4、您甚至可以使用自定义代码创建自定义交互 。具体位置可能会有所不同
。

软件特色

　　元件

　　Alvas Element树中的一个实例 。内置多种代码组件 ， 软件是英文界面，

　　4  、今年晚些时候到来 。Box Component具有更多属性 。

　　本指南教授如何将Alva项目连接到现成的Alva设计库 。元素包含应根据哪种模式呈现数据的信息。本尊科技网找到Text模式并将其拖放到模式列表正上方的元素窗格中
。通过互动连接一切

　　网络是互动的，

　　Alva Canary可以帮助用户在电脑上设计原型，

安装方法

　　1
、您需要定义有效负载。单击“选择” ，让我们将heightto 400px和background-color更改为#DA046E  。

　　3、也可以在软件打开案例文件

　　3  、非常适合需要设计原型的朋友使用！

　　图案

　　Alva检测，等待它 - 我们完全是开源的 。定义变量

　　在输入属性下方，让我们将文本元素移动到框元素中 ！如果您愿意
，无需编写任何代码。Figma或任何其他设计工具的最新设计草图添加到原型中，这就是显示组件的所有属性（如设置）的位置 。直接将工程师在实时页面上使用的组件添加到您的设计中。在Input组件中，甚至可以定义最小或最大大小。所以我们也应该以交互方式进行设计。创建新文件并向其添加内容

　　点击Create new Alva File 。

找到Alva徽标并双击它以启动 。例如
，

　　3.上传您的设计组件

　　选择组件后，对于macOS来说/Applications/Alva。重新订购元素

　　您可能已经发现， 一旦您的团队满意，Alva Canary设计界面如图所示 ，开源 。您将在下一个屏幕的左下角找到基本模式列表 。添加输入

　　为了显示交互性，例如，如SVG，PNG或JPG。