Penpot - FREE Open Source Figma Alternative
ฝัง
- เผยแพร่เมื่อ 9 ก.พ. 2025
- Looking for an open-source alternative to Figma?
In this video, we revisit PenPot, a free, open-source prototyping tool packed with new features, including the exciting addition of plugins!
I'll walk you through the latest updates, explore its interface, and highlight why PenPot might be a great choice for your design and collaboration needs. Whether you're designing for websites and mobile apps or creating responsive layouts, PenPot offers a robust set of tools to get the job done.
We'll cover:
What is PenPot? A quick overview of this free, self-hostable design tool.
New Features: Dive into the plugin system and how it expands PenPot's capabilities.
Interface Walkthrough: A detailed look at the design, prototype, and inspect tabs.
Code Integration: How PenPot lets you view and copy CSS, HTML, and SVG code directly.
Learning Resources: Explore the Learning Center, templates, and design systems to speed up your workflow.
Comparison with Figma: Pros, cons, and limitations of PenPot vs. Figma.
Plus, I’ll introduce WebStudio, an open-source alternative to Webflow, for those looking to continue the open-source ethos in their website-building process. WebStudio offers a familiar interface, dynamic integrations with tools like Airtable and Notion, and flexibility for creating modern, database-driven websites.
If you're curious about open-source design and development tools, this video is for you!
Links & Resources:
PenPot: penpot.app/
WebStudio: webstudio.is/
Related Tutorials: • WordPress Alternatives...
00:00 - What is Penpot?
01:49 - Exploring Penpot
06:54 - Penpot Plugins (New Feature)
09:36 - More Open Source Design Tools
#PenPot #OpenSourceDesign #FigmaAlternative #WebStudio #PrototypingTools #WPTuts
Take your WordPress website and skills to the next level!
► The Essential Web Designer's Documents Pack
Looking to take your web design business to the next level? The Essential Web Designers Documents collection has got you covered! With handcrafted, professionally designed documents that have generated tens of thousands in revenue, you'll have everything you need to impress clients, streamline your workflow, and boost your bottom line.
► Buy the Essential Web Designer's Documents Pack Now: links.wptuts.c...
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: jo.my/etafyp (WPTUTS for 20% off - Exclusive)
✅ Flowmattic: jo.my/flowmattic (WPTUTS for 20% off annual plans)
✅ Clickwhale: jo.my/clickwhale (WPTUTS20 for a 20% discount on all plans)
► MY PREFERRED HOSTING PROVIDERS ◄
✅ Hostinger: jo.my/92dmbb
✅ CloudWays: jo.my/1feeng8
✅ SiteGround: jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: jo.my/1s0t2s2
✅ Bricks Builder: jo.my/bricks
✅ Brizy Pro: bit.ly/2Ji97r8
✅ GenerateBlocks: jo.my/xotgcy
✅ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
✅ GeneratePress Premium: bit.ly/2Ydn1SE
✅ Blocksy: jo.my/y67ten
✅ DIVI Theme: bit.ly/2G8JMiA
✅ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
✅ InstaWP: jo.my/0jdh2j
✅ Crocoblock: jo.my/croc
✅ CSSHERO: bit.ly/2qbrRl6
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
👉 Twitter: / wptutz
👉 Facebook Group: wptuts.co.uk/f...
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk
Hi Paul! Thanks for showcasing the latest Penpot updates. We’re excited about the release of the new plugins system! To gather feedback and encourage contributions, we’ve launched a plugins contest. If you have plugin skills, don’t miss out: entries are open until December 15th.
No problem and good lucj with the new addition - I look forward to seeing how this grows and expands over the coming months. :)
Please make it so that plug-ins are free only. On wordpress it's a mess where the best plug-ins are crippled out of the gate and cost top $
What I like the most about Penpot is the fact that it serves both worlds, the designer and the developer. Having a hybrid software like Penpot and getting used to it worth every minute of your time. Of course, it's like with every new piece of software, you should play around with it, get used to it and use it with your next project. Thanks, Paul, for another jewel out of your great video tutorials.
I agree - it's great to have a tool like this available and for free. I love to see alternatives to the 'big names' who can bring more options to everyone, regardless of their budget.
@@WPTuts I am a friend of self-hosting and open source software in general. My list of favourite software is almost 30 entries long, so there are a bunch of great tools. Not all of them have to do with web dev though.
It blows me away all the amazing open source tools available. Thanks for sharing and highlighting.
Hi Paul, I'm a passionate Penpot enthusiast and have even created a few basic tutorials in my native language for it. It’s exciting to see influencers like yourself bringing well-deserved attention to Penpot-it’s fantastic to witness its growing recognition! One feature I find myself missing in Penpot is a variables system similar to what Figma offers. I truly hope this functionality is introduced in the future, as it would significantly enhance the platform's versatility.
Thank you for creating this introduction video-it’s a great way to help more people discover and appreciate Penpot.
I agree, I'd love to see that introduced and also look at collaborating with framework devs like Core Framework to introduce more workflow options for designers and developers.
@@WPTuts Actually the variable system is currently under development in collaboration with Tokens Studio. I've joined the group of beta testers a few months ago already and have played with it, it is very promising and should be available to all users in the near future !
Can't say enough good about penpot or the brilliant people behind it!
Great to hear that Jason :)
Thoroughly enjoyed the video. I didn't know such an option existed!
Ikr lol same for me!!
This is awesome! Great to see FOSS competition for Figma. If they ever go down a bad route, we have a really good looking alternative. Thanks for sharing this!
Yes so true. I just started using Figma in my design business and I’d always wondered what other alternatives were out there just in case. I don’t want another Adobe situation 😂
After hitting the file limit in Figma, I tried out Penpot and it worked out really well. Short learning curve and I can manage without some of the plugins I’m used to having in Figma. I think this tool will eventually blow up and become a serious viable alternative.
There is a file limit in Figma?
@@Line49Designon the free version, yes.
I don’t think you gave Penpot enough love they deserve in this video.
You mentioned plugins being space in availability, but do keep in mind that functionality just released this month, part of the reason for the contest.
Also I haven’t done it a lot, but every figma file I have dragged into the penpot interface has opened just fine for me to use.
What are your key features for sticking with figma, since you mentioned there still some things that can’t be done in penpot?
I don’t think I was unfair on PenPot at all. I said in the video that while there were few plugins right now that they are running a competition to get people onboard to create more and grow the platform.
As for what do I think is missing in comparison to Figma, it generally depends what you’re trying to do. But the one big difference is the community and resources available which PP currently doesn’t have.
I don’t see that as a negative per se, but it is an important consideration for user adoption.
All being said, I think it’s come a long way since my last look and I have confidence that it will continue grow. 👍
@@WPTuts Thanks for making this video, you were actually the one who made me discover Penpot 2 years or so ago in a video where you presented it as well as Lunacy. Since then I switched completely from Figma to Penpot for all of my projects, and with the huge improvements that were made to Penpot this year it really became a solid alternative that deserves more recognition and visibility !
Good review, Paul. Penpot is already a good tool and has so much potential! But like figma it misses a very important feature for me: account-less commenting like in Adobe XD. I want my clients to have a low-threshold way for commenting on my designs. Open link, just set a name, pick a spot from my desing and write a comment. Done. 🎉
Yesss so true I recently sent a brief to my client using the link (which that part was easy) but she had to take notes and schedule another call to share her ideas.. I was wondering if there was a way for to just comment but I see now there isn’t lol …
Hey Paul , great great video. I’m fairly new to Figma as I’ve been in and out of it for about a year now. This video was very enlightening to other options outside of Adobe. Thanks for the content. Major useful information. 😁
Nice find Paul..Will try it today.
Let me know how you like it. :)
Penpot is great! Thanks
Waiting for your video on SCF "PRO"! By the way, loved this one!
@@akshaysrivastavaofficial you mean my thoughts about it?
@@WPTuts LOL, your use of it as an everyday tool! :D
@ I won’t be using it as I don’t support or condone what MM and Automattic are doing with ACF.
@@WPTuts I know. I was just kidding. In any case, WP is ruining its ecosystem's future for sure!
@@akshaysrivastavaofficial I'll let you off then.. lol
Personally i dont feel limited by the free tier in Figma yet. But should i ever, then this seems like a great alternative
Yea same for me too. Since I don’t use it often and rarely new to it , I’m giving the free tier a try and pretty smooth sailing
Nice, the most important reason not to use penpot for me right now, is the lack of third party support, like plugins (coreframework).
BTW how do you set up Webstudio builder local or on a server. I tried to do it, but couldn't get it to work..
Core Framework would be phantastic, as would be ACSS!
@@webdesignburgdorf3028ACSS is a very amazing alternative, and it’s unfortunate that it doesn’t have a figma integration to support variables from one tool. Like coreframework has.
If Adobe had actually bought Figma they would probably sue the living heck out of Penpot for being so inspired by Figma. A good thing they have not I guess 😂
Definitely good for us, the consumer. :)
lol that is true 😂
It's time for some more advanced tutorials
On Penpot or something else?
Limited .. nooooo
Limited, in what way?