- Penpot एक ओपन सोर्स डिज़ाइन और प्रोटोटाइपिंग टूल है, जिसे डिज़ाइनर और डेवलपर साथ मिलकर इस्तेमाल कर सकते हैं; यह ब्राउज़र-आधारित या self-hosted रूप में उपलब्ध है
- यह SVG, CSS, HTML, JSON जैसे ओपन स्टैंडर्ड्स पर आधारित है, और design tokens, component system, CSS Grid Layout जैसी आधुनिक सुविधाएँ शामिल करता है
- plugin system और API·webhook integration के जरिए इसे बाहरी एप्लिकेशनों से जोड़ा जा सकता है, और Inspect mode में तुरंत इस्तेमाल योग्य code देखने की सुविधा मिलती है
- यह एक community-केंद्रित प्रोजेक्ट है, जिसमें library·template sharing, bug report, translation participation जैसी कई तरह की योगदान विधियाँ उपलब्ध हैं
- यह Mozilla Public License 2.0 के तहत जारी किया गया है और design तथा development collaboration की efficiency बढ़ाने वाले ओपन सोर्स ecosystem के विस्तार में योगदान देता है
Penpot परिचय
- Penpot design और code collaboration के लिए पहला ओपन सोर्स design tool है, जहाँ डिज़ाइनर interactive prototype और design system बना सकते हैं और डेवलपर तुरंत इस्तेमाल योग्य code का उपयोग कर सकते हैं
- इसे सीधे ब्राउज़र में इस्तेमाल किया जा सकता है या अपने सर्वर पर इंस्टॉल किया जा सकता है
- यह मुफ़्त उपलब्ध है और SVG·CSS·HTML·JSON जैसे standard technologies पर आधारित है
- नवीनतम version में design tokens को native रूप से integrate किया गया है, ताकि design और development के बीच अधिक कुशल collaboration संभव हो
- 2.0 release में CSS Grid Layout, UI का पूर्ण पुनर्गठन, नया component system जैसी बड़े पैमाने की updates शामिल हैं
- जिन संगठनों को team-level की अतिरिक्त services चाहिए, वे अलग से संपर्क कर सकते हैं
- हर साल Penpot Fest के जरिए ओपन सोर्स design community के साथ संवाद किया जाता है
Why Penpot
- Penpot design को code के रूप में व्यक्त करता है, जिससे डिज़ाइनर और डेवलपर के बीच दो-तरफ़ा collaboration संभव होता है
- plugin system के जरिए feature विस्तार और external app integration का समर्थन मिलता है
- इसकी developer-friendly structure में real-time collaboration या solo work, दोनों में से विकल्प चुना जा सकता है
- Inspect mode में तुरंत इस्तेमाल योग्य SVG·CSS·HTML code देखा जा सकता है
- self-hosting capability के जरिए संगठन पूर्ण स्वामित्व वाला collaboration environment बना सकते हैं
- API और webhook integration के माध्यम से development toolchain से जुड़ाव संभव है
- design tokens·components·Variants की मदद से एकसमान UI system बनाया जा सकता है
Getting Started
- Penpot deployment environment से स्वतंत्र एकमात्र design·prototype platform है, जो SaaS और self-deployed दोनों तरीकों का समर्थन करता है
- Docker, Kubernetes, Elestio जैसे कई installation options उपलब्ध हैं
- installation और deployment guide आधिकारिक वेबसाइट पर देखी जा सकती है
Community
- यह ओपन सोर्स community-केंद्रित रूप से संचालित होता है और design·code·idea contributions का स्वागत करता है
- community forum में सवाल पूछे जा सकते हैं, समस्याओं का समाधान खोजा जा सकता है, सुधार सुझाव दिए जा सकते हैं और events में भाग लिया जा सकता है
- मुख्य categories: Ask the Community, Troubleshooting, Help us Improve Penpot, #MadeWithPenpot, Events and Announcements, Inside Penpot, Penpot in your language, Design and Code Essentials
- सभी प्रतिभागियों को Code of Conduct का पालन करना चाहिए और सकारात्मक व सुरक्षित माहौल बनाने में योगदान देना चाहिए
Contributing
- प्रोजेक्ट में कई तरीकों से योगदान दिया जा सकता है
- library·template बनाना और साझा करना
- टीम को आमंत्रित करना और community में भाग लेना
- bug report करना या GitHub issue दर्ज करना
- translation में भाग लेना और feedback देना
- Penpot code contribution के लिए developer guide और videos उपलब्ध हैं
- योगदान से जुड़ी विस्तृत जानकारी Contributing Guide में देखी जा सकती है
Resources
- documentation, tutorials, development architecture, Dev Diaries जैसी कई सामग्रियाँ उपलब्ध हैं
- [Documentation], [Getting Started], [Tutorials], [Architecture], [Dev Diaries] links उपलब्ध हैं
License
- Penpot Mozilla Public License 2.0 (MPL-2.0) के तहत वितरित किया जाता है
- copyright Kaleidos Inc. के पास है और इसे एक ओपन सोर्स प्रोजेक्ट के रूप में सार्वजनिक किया गया है
1 टिप्पणियां
Hacker News प्रतिक्रियाएँ
मैं सच में Penpot को पसंद करना चाहता था, लेकिन कुछ महीने पहले जब मैंने इसे इस्तेमाल किया था, तब सिर्फ पेजों के बीच जाने पर ही दस्तावेज़ के कुछ हिस्से अजीब तरह से विकृत हो जाते थे। यह एक bug था
मैं किसी महत्वपूर्ण दस्तावेज़ में ऐसा जोखिम नहीं लेना चाहता था, इसलिए Figma का इस्तेमाल जारी रखा
अब सोचा था कि इसे फिर से आज़माऊँ, लेकिन यह 8 महीने से अब भी ठीक नहीं हुआ है
अगर यह इतनी गंभीर समस्या होती, तो शायद इसे नज़रअंदाज़ करना मुश्किल होता
Penpot सिर्फ self-hosting के लिए नहीं है, इसका official hosted version भी है
free plan में अधिकतम 8 लोग और 10GB storage मिलता है
अगला स्तर unlimited users के साथ, $175 प्रति माह की सीमा और 25GB limit देता है
सबसे ऊँचा प्लान $950 प्रति माह की सीमा पर unlimited storage देता है
“हमने X का open source version बनाया है” जैसी बातों के बाद अक्सर enterprise version भी आ जाता है
अफ़सोस है कि इंडस्ट्री में ऐसी भाषा बहुत आम हो गई है
UI elements पर काम करते समय Penpot मेरा सबसे ज़्यादा इस्तेमाल होने वाला vector editor है
यह सरल है, और units व layout management अच्छे हैं
icons या साधारण graphics बनाते समय इसे इस्तेमाल करना आनंददायक लगता है
इसका export system भी शानदार है, इसलिए चीज़ों को व्यवस्थित रखना आसान होता है
पूरे app flow के अलावा भी इसे कई कामों में इस्तेमाल किया जा सकता है, और यह शुरुआती Sketch दिनों वाली productivity की याद दिलाता है
यह open source है, इस पर यकीन करना मुश्किल लगता है
अगर fonts अलग हों, तो दूसरे environment में design टूट सकता है
खासकर SVG export के समय text वाले design बिल्कुल अलग दिख सकते हैं
Penpot अस्थिर है, और 10 पेज से ज़्यादा पर काम करने पर बार-बार crash होता है
64GB RAM server पर चलाने पर भी 5–6 पेज से ही यह 20GB memory इस्तेमाल करने लगता है, पूरी टीम को गंभीर lag झेलना पड़ता है, और अंत में यह बंद हो जाता है
Penpot मुझे YaCy की याद दिलाता है
project शानदार है, लेकिन language choice थोड़ी खटकती है
(YaCy Java में लिखा गया था, Penpot Clojure में)
अगर आप standalone desktop version चाहते हैं, तो इस release page को देख सकते हैं
offline उपयोग के लिए आपको Docker के साथ local instance चलाना होगा
मैं web stack या self-hosting के performance tax को स्वीकार कर सकता हूँ, अगर उसके बदले मेरी design files किसी closed cloud में बंद न हों
Figma शानदार है, लेकिन अब यह पूरी product organization के लिए single point of failure बन गया है
Penpot अभी भले धीमा हो, लेकिन अगर
docker-compose upसे मैं खुद अपनी pipeline का मालिक बन सकता हूँ, तो मुझे वह बेहतर लगता हैperformance को code से बेहतर बनाया जा सकता है, लेकिन license restrictions को user बदल नहीं सकता
अभी तक open source में ज़्यादातर रुचि web designers ने ही दिखाई है
Penpot काफ़ी उपयोगी है, लेकिन बड़े canvas पर यह बहुत धीमा हो जाता है
बेहतर है कि सब कुछ एक ही canvas में न रखा जाए
एक unofficial desktop version भी है
community post के अनुसार, hosted version की तुलना में इसमें latency ज़्यादा है
अगर किसी ने इसे इस्तेमाल किया हो, तो उसके अनुभव जानना दिलचस्प होगा
Penpot पर Hacker News में पहली बार 3 साल पहले चर्चा हुई थी
तब इसे 1145 points और 128 comments मिले थे