Hey everyone! Here's my project in Penpot! I hope you like it and enjoy it! Thank you so much.
You can find the tutorial hereDescription
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | • debt | T372834 Coordinate Wikimedia's participation in Outreachy Round 29 | |||
| Resolved | FatumaA-HijabiCoder | T374275 Outreachy Round 29: Creation of Codex (Wikimedia design system) components + libraries in Penpot (from Figma) | |||
| Resolved | cronozul | T376552 Penpot tutorial |
Event Timeline
Hi @cronozul thank you so much for your friendly and detailed tutorial and your Penpot file. I was curious if you tried the import process from Figma to Penpot at all and if you did what your thoughts were on that process?
Thanks for this submission, additional mentors may leave some feedback for you in the coming days.
Hi @cmadeo I hope you're doing well. To answer your question, I tried both importing the component from Figma to Penpot and recreating it from scratch in Penpot. When it comes to the import process, I found that while it does offer a decent level of compatibility, there are some limitations to consider. For example, certain Figma features—like auto layout properties, component variants, or even some effects—might not translate perfectly, which can lead to manual adjustments after importing. From a UX perspective, this can make the workflow feel more time-consuming or less straightforward, especially if you're used to Figma's intuitive interface and specific shortcuts. Penpot's interface, while user-friendly, has a different logic and layout that may require some adjustment. However, if you approach the process with flexibility, it’s manageable, especially for those familiar with multiple design tools.
One of the main takeaways for me was the need to be adaptive and understand that shortcuts and certain tools aren’t always consistent across platforms. This can initially slow down productivity, but with some practice, the transition becomes smoother. I also found that Penpot’s open-source nature provides unique benefits for customization and collaboration that can outweigh the initial learning curve.
Thank you for your time, best of luck!
Thank you for your task. An intern has been selected for this project, so I am closing this ticket as 'resolved' as the application period has concluded.