界面原型设计工具Pencil Project、React Sketch.app、GeneratorFx、Terrarium介绍

以下为你介绍的界面原型设计工具都可用在Linux系统上:Pencil Project(图表和 GUI 原型制作工具)、React Sketch.app(渲染 React 组件到 Sketch 的开源库)、GeneratorFx(一键生成 (hibernate/spring/mvc)JavaGUI 工具)、Terrarium(UI 原型工具)。

1、Pencil Project(图表和 GUI 原型制作工具)

界面原型设计工具Pencil Project、React Sketch.app、GeneratorFx、Terrarium介绍

Pencil Project 是一个用于制作图表和 GUI 原型的开源工具,旨在让每个人都可以免费使用。

Pencil 使用便捷,可轻松地安装和使用在流行的桌面平台中创建模型。

支持平台:

OS X(仅支持 OSX 64 位 10.9 及更高版本)。

Windows( win7 及以上)。

Linux(Ubuntu 12.04 及以上、Fedora 21+、Debian 8+、Arch Linux)。

关于下一个版本的说明:

Pencil V3是对Pencil的重写,旨在解决应用程序的主要性能和可伸缩性问题。以下列表总结了新版本中的重要更改:

Pencil V3使用Electron代替Mozilla XULRunner作为运行时。我们希望通过迁移到基于Nodejs的环境中,Pencil源代码可以使所有其他开发人员更容易使用。Mozilla XULRunner已过时的事实也是这一趋势的原因。

引入了一种基于zip的新文件格式,以支持大型文档以及更好地嵌入外部位图/资源。

一种新的页面管理机制,可以大大减少大型文档的内存使用量。

现在可以将文档页面构建为树状模型。

现在可以将自定义字体嵌入到Pencil .epz文档中。

打印和PDF导出将得到改进,以支持所有平台并具有许多选项。

新的UI方法。

下载地址:https://gitee.com/mirrors/pencil-project

2、React Sketch.app(渲染 React 组件到 Sketch 的开源库)

界面原型设计工具Pencil Project、React Sketch.app、GeneratorFx、Terrarium介绍

React-sketch app 是一个开源库,它可以让你写出符合 Sketch 文档规范的 React 组件。它能打通设计师和工程师之间的鸿沟,使人们便于在一个大规模的设计系统中协同工作。

为什么要将 React 置入 Sketch?

在 Sketch 中管理设计系统的资产是复杂又耗时且容易出错的。Sketch 是可程式化的,但 API 通常会发生变化。React 提供了完美的包装器,以 JavaScript 开发人员已经熟悉的方式构建可重用的文档。

快速启动:

首先,请确保您已经安装了 Sketch 43+ 版本和最新的 npm。

打开一个新的 Sketch 文件,然后在终端中:

git clone https://github.com/airbnb/react-sketchapp.git

cd react-sketchapp/examples/basic-setup && npm install

npm run render

3、GeneratorFx(一键生成 (hibernate/spring/mvc)JavaGUI 工具)

自己编写的 JavaGUI 一键生成(hibernate/spring/mvc/maven)工具(附带视频教程源码)。

更新日志:

添加log4j2支持、添加了Oracle 10、11g数据库支持、修正了部分bug。

运行截图:

界面原型设计工具Pencil Project、React Sketch.app、GeneratorFx、Terrarium介绍

界面原型设计工具Pencil Project、React Sketch.app、GeneratorFx、Terrarium介绍

下载地址:https://gitee.com/qsyan/GeneratorFx

4、Terrarium(UI 原型工具)

界面原型设计工具Pencil Project、React Sketch.app、GeneratorFx、Terrarium介绍

Terrarium是一个开源项目,是一个给程序员提供的跨平台的 UI 原型工具,基于 QML 语言实现原型开发,你在编辑器中输入的代码可直接渲染出界面原型。Terrarium 通过监控代码编辑框中的变化,并触发通过本地的 HTTP 服务器重新加载数据源并进行渲染。

特点:

Terrarium使UI变得交互式且有趣,在您在编辑器中键入内容时,视图可以生动呈现。

Terrarium在设计时考虑了移动性,您不仅可以在移动设备上,还可以在任何位置进行移动操作。

Terrarium本质上是功能齐全的QtQuick运行时,这是开始制作实际应用程序所需的一切。

下载地址:http://www.terrariumapp.com/

注明

以上就是界面原型设计工具Pencil Project、React Sketch.app、GeneratorFx、Terrarium的介绍内容,这些界面原型设计工具都能使用在Linux操作系统中。

栏目相关文章