mirror of
https://github.com/LCTT/TranslateProject.git
synced 2024-12-26 21:30:55 +08:00
161 lines
6.3 KiB
Markdown
161 lines
6.3 KiB
Markdown
[#]: subject: "5 Free and Open-Source Figma Alternatives"
|
||
[#]: via: "https://itsfoss.com/figma-alternatives/"
|
||
[#]: author: "Ankush Das https://itsfoss.com/author/ankush/"
|
||
[#]: collector: "lkxed"
|
||
[#]: translator: "geekpi"
|
||
[#]: reviewer: "wxy"
|
||
[#]: publisher: "wxy"
|
||
[#]: url: "https://linux.cn/article-15099-1.html"
|
||
|
||
5 款自由开源的 Figma 替代品
|
||
======
|
||
|
||
|
||
|
||
Figma 是一个流行的界面设计工具。你可以免费开始使用，也可以选择高级订阅计划以供进阶使用。
|
||
|
||
这是一个令人印象深刻的平台，许多专业人士都依赖它。然而，在 2021 年，[Figma][1] 通过施加某些限制改变了其免费计划。虽然这使一些用户寻找替代品，但对许多人来说仍然是可接受的。
|
||
|
||
不幸的是，在 2022 年，**Adobe 宣布以 200 亿美元收购 Figma** 让许多用户望而却步。因此，每个人都开始寻找免费且可能开源的替代品。
|
||
|
||
为了帮助你，我们决定编一份 Figma 的自由开源的替代品清单，你可以试试。
|
||
|
||
**注意：** 提到的替代品不一定是 Figma 的完全替代品。我们建议你尝试一下，看看它们是否符合你的要求。
|
||
|
||
### 1、Penpot
|
||
|
||
![A Video from YouTube][2]
|
||
|
||
**主要亮点：**
|
||
|
||
* 自托管选择。
|
||
* 使用 SVG 作为原生格式。
|
||
* 基于网页。
|
||
* 跨平台。
|
||
|
||
Penpot 很快被公认为可靠的免费和开源 Figma 替代品。
|
||
|
||
即使它处于测试阶段，在写这篇文章时，用户似乎喜欢它提供的东西。我不是一个设计专家，但这个工具的用户体验似乎令人印象深刻。
|
||
|
||
Penpot 的独特之处在于它使用 SVG 作为其原生格式，这很罕见，但也为设计师提供了巨大的好处。
|
||
|
||
![penpot screenshot][3]
|
||
|
||
你可以期待具有 Figma 的基本功能，因为开发人员提到该工具的原始灵感是 Figma，他们旨在提供熟悉的用户体验，而不给你的设计冒险增加障碍。
|
||
|
||
前往其官方网站或 GitHub 页面探索更多信息。
|
||
|
||
> **[Penpot][4]**
|
||
|
||
### 2、Quant UX
|
||
|
||
![A Video from YouTube][5]
|
||
|
||
**主要亮点：**
|
||
|
||
* 原型设计和测试。
|
||
* 无需注册即可获得有限访问权限。
|
||
* 定期添加新的测试版功能。
|
||
* 自托管选择。
|
||
|
||
Quant UX 是一种原型设计工具，你可以在其中测试你的设计并获得它们的实际体验。
|
||
|
||
你可以为安卓手机、iPhone 或台式机创建自定义原型，或选择任何可用的屏幕尺寸。
|
||
|
||
这也是你会发现它不断添加功能的地方，其中一些处于测试阶段。它更专注于通过让你导入设计或创建简单的模型来测试事物。
|
||
|
||
它允许你无需注册即可访问一些内容，但要使所有功能正常工作，你需要注册一个帐户。在其 [GitHub 页面][6] 上探索更多信息。
|
||
|
||
> **[Quant UX][7]**
|
||
|
||
### 3、Plasmic
|
||
|
||
![A Video from YouTube][8]
|
||
|
||
**主要亮点：**
|
||
|
||
* 自由开源。
|
||
* 拖放功能。
|
||
* 它支持从 Figma 导入设计。
|
||
|
||
Plasmic 是用于构建网页的卓越设计工具。如果你使用 Figma 进行网页设计，这可能是一个可供选择的工具。
|
||
|
||
它免费提供大部分功能，当你选择高级计划时，可以为团队解锁更多扩展版本历史记录、分析和其他特殊功能。它不仅限于设计网页，还支持 A/B 测试来实验和改进网站的用户交互。
|
||
|
||
无论你使用的是 [开源 CMS][9] 还是 Jamstack 站点，Plasmic 几乎都支持集成。前往其官方网站或 [GitHub 页面][10] 了解更多信息。
|
||
|
||
> **[Plasmic][11]**
|
||
|
||
### 4、Wireflow
|
||
|
||
![wireflow userflow][12]
|
||
|
||
**主要亮点：**
|
||
|
||
* 免费使用。
|
||
* 没有付费选项。
|
||
* 它没有被积极维护。
|
||
|
||
Wireflow 作为用户流原型工具是一个有趣的产品，它完全免费使用，没有付费选项。
|
||
|
||
此外，你无需注册帐户。从其官方网站开始，与他人合作规划你的项目并进行头脑风暴。
|
||
|
||
不幸的是，它自 2021 年以来没有看到任何最近的开发活动。但是，它仍然活跃并且仍然是一个自由开源的解决方案。你可以查看其 [GitHub 页面][13] 了解更多信息。
|
||
|
||
> **[Wireflow][14]**
|
||
|
||
### 5、Akira UX
|
||
|
||
![akira ux 2020][15]
|
||
|
||
**主要亮点：**
|
||
|
||
* 尚处于早期开发中的应用。
|
||
* 专注于成为原生 Linux UX 应用。
|
||
|
||
[Akira UX][16] 是一个令人兴奋的项目，旨在带来一个原生 Linux 设计程序，该程序可以与一些基于 Web 的解决方案一样工作。
|
||
|
||
Akira 的项目负责人加入了 Mozilla Thunderbird 担任产品设计经理。因此，截至目前，该项目还没有被积极地开发。但是，作为一个自由开源项目，任何人都可以负责它并致力于相同的愿景。
|
||
|
||
它目前提供了可以测试的早期开发版本。你可以在 Flathub 的 beta 渠道中找到它，并按照其 [GitHub 页面说明][17] 进行安装。
|
||
|
||
> **[Akira UX][18]**
|
||
|
||
### 总结
|
||
|
||
用自由开源的解决方案取代 Figma 并不容易。但是，如果你不关心 Figma 的所有功能，我们的一些建议应该可以帮助你完成工作。
|
||
|
||
*你知道有什么其他自由开源的 Figma 替代品吗？请在下面的评论中告诉我你的想法*。
|
||
|
||
--------------------------------------------------------------------------------
|
||
|
||
via: https://itsfoss.com/figma-alternatives/
|
||
|
||
作者：[Ankush Das][a]
|
||
选题：[lkxed][b]
|
||
译者：[geekpi](https://github.com/geekpi)
|
||
校对：[wxy](https://github.com/wxy)
|
||
|
||
本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译，[Linux中国](https://linux.cn/) 荣誉推出
|
||
|
||
[a]: https://itsfoss.com/author/ankush/
|
||
[b]: https://github.com/lkxed
|
||
[1]: https://www.figma.com/
|
||
[2]: https://youtu.be/JozESuPcVpg
|
||
[3]: https://itsfoss.com/wp-content/uploads/2022/09/penpot-screenshot.jpg
|
||
[4]: https://penpot.app/
|
||
[5]: https://youtu.be/eGDTAJlB-uI
|
||
[6]: https://github.com/KlausSchaefers/quant-ux
|
||
[7]: https://quant-ux.com/
|
||
[8]: https://youtu.be/sXXpe5jjnRs
|
||
[9]: https://itsfoss.com/open-source-cms/
|
||
[10]: https://github.com/plasmicapp/plasmic
|
||
[11]: https://www.plasmic.app/
|
||
[12]: https://itsfoss.com/wp-content/uploads/2022/09/wireflow-userflow-800x570.jpg
|
||
[13]: https://github.com/vanila-io/wireflow
|
||
[14]: https://wireflow.co/
|
||
[15]: https://itsfoss.com/wp-content/uploads/2022/09/akira-ux-2020.png
|
||
[16]: https://itsfoss.com/akira-design-tool/
|
||
[17]: https://github.com/akiraux/Akira
|
||
[18]: https://github.com/akiraux/Akira
|