mirror of
https://github.com/LCTT/TranslateProject.git
synced 2024-12-26 21:30:55 +08:00
commit
6efd9c9bbe
@ -1,157 +0,0 @@
|
||||
[#]: 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: " "
|
||||
[#]: publisher: " "
|
||||
[#]: url: " "
|
||||
|
||||
5 Free and Open-Source Figma Alternatives
|
||||
======
|
||||
Figma is a popular interface designing tool. You can get started free or opt for premium subscription plans for advanced use.
|
||||
|
||||
It is an impressive platform that many professionals rely on. However, in 2021, [Figma][1] changed its free plan by imposing certain restrictions. While this made some users look for alternatives, it was still manageable for many.
|
||||
|
||||
Unfortunately, in 2022, the **announcement of Adobe acquiring Figma for $20 billion** put off many users. So, everyone has started looking for alternatives that are free and potentially open-source.
|
||||
|
||||
To help you out, we decided to compile a list of free and open-source alternatives to Figma that you can try.
|
||||
|
||||
**Note:** The alternatives mentioned are not necessarily exact replacements for Figma. We recommend you try them to see how they fit your requirements.
|
||||
|
||||
### 1. Penpot
|
||||
|
||||
![A Video from YouTube][2]
|
||||
|
||||
**Key Highlights:**
|
||||
|
||||
* Self-hosting option.
|
||||
* Uses SVG as the native format.
|
||||
* Web-based.
|
||||
* Cross-platform.
|
||||
|
||||
Penpot is quickly being recognized as a solid free and open-source Figma alternative.
|
||||
|
||||
Even if it is in its beta phase, the users seem to like what it offers when writing this. I’m not a design expert, but the user experience with the tool seems impressive.
|
||||
|
||||
The unique thing about Penpot is that it uses SVG as its native format, which is rare but also provides immense benefits to the designers.
|
||||
|
||||
![penpot screenshot][3]
|
||||
|
||||
You can expect the essential features from Figma as the developers mention the tool’s original inspiration is Figma, and they aim to provide a familiar user experience without adding hurdles to your design adventures.
|
||||
|
||||
Head to its official website or GitHub page to explore more.
|
||||
|
||||
[Penpot][4]
|
||||
|
||||
### 2. Quant UX
|
||||
|
||||
![A Video from YouTube][5]
|
||||
|
||||
**Key Highlights:**
|
||||
|
||||
* Prototyping and Testing.
|
||||
* Limited access without signing up.
|
||||
* New beta features are regularly added.
|
||||
* Self-host option.
|
||||
|
||||
Quant UX is a prototyping tool where you can test your designs and get insights about them.
|
||||
|
||||
You can create a custom prototype or select any available screen sizes for an Android phone, iPhone, or desktop.
|
||||
|
||||
This is also something where you will find features constantly added, and some of them are in beta. It is focused more on testing things by letting you import your designs or create a simple mockup.
|
||||
|
||||
It allows you access to a few things without signing up, but to get all features working, you need to sign up for an account. Explore more on its [GitHub page][6].
|
||||
|
||||
[Quant UX][7]
|
||||
|
||||
### 3. Plasmic
|
||||
|
||||
![A Video from YouTube][8]
|
||||
|
||||
**Key Highlights:**
|
||||
|
||||
* Free and open source.
|
||||
* Drag and drop functionality.
|
||||
* It supports importing designs from Figma.
|
||||
|
||||
Plasmic is a remarkable design tool for building web pages. If you were using Figma for web design, this could be an alternative tool to check out.
|
||||
|
||||
It provides most of the features for free and unlocks things like more extended version history, analytics, and other special features for teams when you opt for a premium plan. It is not just limited to designing the web pages but also supports A/B testing to experiment and improve the user interaction of your website.
|
||||
|
||||
Whether you are using an [open-source CMS][9] or a Jamstack site, Plasmic supports integration almost everywhere. Head to its official site or [GitHub page][10] to learn more.
|
||||
|
||||
[Plasmic][11]
|
||||
|
||||
### 4. Wireflow
|
||||
|
||||
![wireflow userflow][12]
|
||||
|
||||
**Key Highlights:**
|
||||
|
||||
* Free to use.
|
||||
* No paid options.
|
||||
* It is not actively maintained.
|
||||
|
||||
Wireflow is an interesting offering as a user flow prototype tool, and it is entirely free to use with no paid option.
|
||||
|
||||
Also, you do not need to sign up for an account. Get started from its official website and collaborate with others to plan your project and brainstorm.
|
||||
|
||||
Unfortunately, it has not seen any recent development activity since 2021. But, it is still active and remains a free and open-source solution. You can check out its [GitHub page][13] for more information.
|
||||
|
||||
[Wireflow][14]
|
||||
|
||||
### 5. Akira UX
|
||||
|
||||
![akira ux 2020][15]
|
||||
|
||||
**Key Highlights:**
|
||||
|
||||
* Early development app.
|
||||
* Focuses on being a native Linux UX app.
|
||||
|
||||
[Akira UX][16] is an exciting project aiming to bring a native Linux design utility that works as well as some web-based solutions.
|
||||
|
||||
Akira’s project lead joined Mozilla Thunderbird as a product design manager. So, as of now, the project is not super actively developed. But, as a free and open-source project, anyone can pick it up and work on the same vision.
|
||||
|
||||
It is currently an early development version that you can test. You can find it available on Flathub’s beta channel and get it installed as per its [GitHub page instructions][17].
|
||||
|
||||
[Akira UX][18]
|
||||
|
||||
### Wrapping Up
|
||||
|
||||
It is not easy to replace Figma with a free and open-source solution. However, if you are not concerned about all of Figma’s functionalities, some of our recommendations should help you get the job done.
|
||||
|
||||
*Do you know of any other free and open-source replacements to Figma? Let me know your thoughts in the comments below.*
|
||||
|
||||
--------------------------------------------------------------------------------
|
||||
|
||||
via: https://itsfoss.com/figma-alternatives/
|
||||
|
||||
作者:[Ankush Das][a]
|
||||
选题:[lkxed][b]
|
||||
译者:[译者ID](https://github.com/译者ID)
|
||||
校对:[校对者ID](https://github.com/校对者ID)
|
||||
|
||||
本文由 [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
|
@ -0,0 +1,157 @@
|
||||
[#]: 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: " "
|
||||
[#]: publisher: " "
|
||||
[#]: url: " "
|
||||
|
||||
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 是一种原型设计工具,你可以在其中测试你的设计并获得有关它们的见解。
|
||||
|
||||
你可以为 Android 手机、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)
|
||||
校对:[校对者ID](https://github.com/校对者ID)
|
||||
|
||||
本文由 [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
|
Loading…
Reference in New Issue
Block a user