更新：原始工具似乎不再处于开发阶段（2013-09 的最新版本）。@wb9688提到有一个叉子：https ://github.com/prikhi/pencil

更新 2：@nradk评论说不再维护分叉。https://github.com/evolus/pencil是另一个分支，“正在积极开发中，实际上是对旧版本的重写”。

Pencil（许可证：GPLv2）是一种“GUI 原型设计工具”，可用作

• 适用于 GNU/Linux (*)、Microsoft Windows 和 Mac OS X的独立工具，以及
• Firefox 附加组件( **)。

(*) 它包含在Arch Linux和Fedora的软件存储库中（作为pencil）。

(**) Mozilla 托管的 Firefox 插件似乎已经过时（目前是 2009 年的 1.0.6 版），而Pencil 下载页面上托管的版本似乎是当前版本（目前是 2.0.5 版） 2013）。

我使用 Pencil 作为 Firefox 插件。它会打开一个新窗口（没有 Firefox chrome，它有自己的菜单栏等）。有时，它会变得有点慢（例如，当我重新排列图形时），但我的旧电脑可能是罪魁祸首。

这些图形称为“形状集合”或“模板”。它附带了一些用于不同界面（包括 Web）的集合。可以导入其他图形。这是我制作的示例线框，以了解一些包含的图形：

可以将线框导出为 PNG、HTML、PDF、SVG 和 ODT。HTML（“单一网页”）导出的一个好处是您可以添加链接到其他模型（包含在同一个 Pencil 文档中）的超链接，即，您可以模拟用户交互。

虽然主要不是线框工具，但Inkscape倾向于用于开源圈子中的线框和模型——例如GNOME和基本使用它。（类似地，在专有世界中，UX 设计师倾向于使用像 Sketch 和 Figma 这样的通用矢量设计工具。）

如果您正在寻找开始使用的组件，这将取决于您正在设计的平台。

• 对于 GNOME 和初级，我建议从他们的设计存储库中的 svgs 开始（上面的链接）。
• 对于 Web 和移动设备，您可以在 Web 上找到各种开源线框套件。Inkscape 可以导入 AI 文件，但不幸的是，许多 工具包都是 Sketch-only。您可以使用专有的网络应用 Figma 上传 Sketch 文件，然后将其导出为 SVG 以在 Inkscape 中使用。

9 月 23 日更新：

有两种相对较新的工具正在开发作为 Sketch/Figma（当前行业标准）的 FOSS 替代品：

• Penpot，这是一个可以自托管的 Web 应用程序（并且还提供 SaaS 版本）。
• Akira，一个专为基本操作系统设计的桌面 Linux 应用程序，但基本上可以通过Flatpak安装在任何 Linux 发行版上

目前，两者都处于 alpha 阶段。Penpot 在功能方面走得更远，背后也有更大的团队。

也许你会考虑一段时间的Mockplus。它可以帮助您为手机和网络创建出色的原型/线框。

• 有了它，您可以将图像（PNG 和 GIF）或 html 导出给您的利益相关者，以展示您的想法和设计。
• 对于应用项目，您甚至可以通过扫描项目生成的二维码在智能手机上进行预览。
• 它同时支持 Windows 和 Mac。
• Mockplus中的交互设计是完全可视化的，即所见即所得。只需简单的拖放即可轻松构建交互式原型。它具有旋转、调整大小等多个触发命令。以及一组预先设计的组件，包括弹出面板、堆栈面板、滚动框、滑动抽屉和图像轮播，让您更快、更轻松地创建完整的交互。