خبر و ترفند روز

خبر و ترفند های روز را اینجا بخوانید!

من ۵ جایگزین منبع باز فیگما را تست کردم — یکی به‌طور کامل بقیه را شکست داد.

Figma یکی از پرطرفدارترین ابزارهای طراحی است. اما وقتی افزایش قیمت‌های 2025 آن را اعلام کرد، فهمیدم که باید تغییری رخ دهد. ابزارهای طراحی رایگان و متن‌باز بسیار زیادی در دسترس هستند، و پس از یافتن جایگزین‌های متن‌باز برای هر برنامهٔ Adobe، به این نتیجه رسیدم که برای Figma هم باید یک گزینه وجود داشته باشد.

فیگما یکی از محبوب‌ترین ابزارهای طراحی است. اما وقتی افزایش قیمت‌های ۲۰۲۵ آن را اعلام کرد، می‌دانستم که باید تغییری رخ دهد. ابزارهای طراحی رایگان و منبع‌باز بسیاری در دسترس هستند و پس از یافتن گزینه‌های منبع‌باز برای هر برنامه ادوبی، فکر کردم که برای فیگما نیز باید گزینه‌ای وجود داشته باشد.

در پایان، پنج جایگزین فیگما—Lunacy، Excalidraw، Plasmic، Inkscape و Penpot—را در طول سه هفته تست کردم. هر ابزار با کارهای طراحی واقعی، از جمله فریم‌های سیم‌کشی، مؤلفه‌ها، نمونه‌های اولیه و همکاری، آزمایش شد.

چایی که ابزارهای دیگر قصور می‌کنند

آنها عالی هستند، اما کافی نیستند

Excalidraw برای تخته سفید و اسکچ‌های سریع سرگرم‌کننده است، اما ابزار سیستم طراحی کاملاً نیست. مؤلفه‌ها محدود هستند، اما قالب فایل به اندازه کافی ساختارمند برای کارهای جدی طراحی نیست. بیشتر به زیبایی‌های دست‌نویس می‌پردازد، که ممکن است در جلسات طوفان فکری عالی به نظر برسد، اما در نمونه‌های تولیدی چندان مناسب نیست.

Plasmic خود را به‌عنوان یک ابزار طراحی متمرکز بر کد معرفی می‌کند، و چون من بیشتر یک توسعه‌دهنده هستم تا طراح، مشتاق بودم آن را امتحان کنم. در حالی که مفهوم جالب است، گردش کار به‌نظر می‌رسد پیچیده باشد. من دائماً خودم را در مبارزه با ابزار می‌دیدم به جای طراحی. و برای یک پلتفرمی که وعدهٔ طراحی دوستانه برای توسعه‌دهندگان می‌دهد، ادغام واقعی کد نسبت به قابلیت‌های صادرات بومی Penpot جالب نیست.

Lunacy استفاده از آن بسیار سریع است و بیشترین شباهت را به جایگزینی فیگما دارد، اما نسبت به Penpot کمبود ویژگی دارد. ویژگی‌هایی که برای مدیریت مؤلفه‌ها و سیستم‌های طراحی نیاز داشتم، وجود نداشتند. این ابزار تا حدی سبک است که محدودکننده می‌شود.

مطلب مرتبط:   منظور از PayPal Open-Sourcing JunoDB برای توسعه دهندگان چیست؟

Inkscape در نهایت یک ویرایشگر وکتور قوی است. بر روی ویندوز، macOS و حتی لینوکس اجرا می‌شود، بنابراین پلتفرم مشکلی نیست. اما اصولاً یک ابزار تصویرسازی وکتور است نه یک ابزار طراحی. اگر روزهای خود را صرف طراحی لوگو و تصویرگری می‌کنید، این را امتحان کنید. اگر رابط‌های کاربری می‌سازید، شاید ابزار مناسب نباشد.

افی‌نیتی روی مانیتور

این برنامهٔ واقعاً رایگان عکاسی و طراحی برای دسکتاپ را کشف کنید که رقیب مجموعه خلاقانهٔ ادوبی است

چهار ابزار دیگر هر کدام دارای نقاط قوت خود و لحظاتی هستند که به خوبی کار می‌کردند. اما یکی از آنها دارد یک ترکیب یکپارچه‌سازی توسعه‌دهندگان و کارایی هزینه‌ای که باعث می‌شود بپرسید چرا در ابتدا برای فیگما پول می‌پردازید. Penpot این را تغییر می‌دهد.

چرا Penpot از میان بقیه برجسته است

قدرت منبع‌باز، همکاری روان، و رابط کاربری آشنا

آنچه Penpot را از دیگران متمایز می‌کند این است که سعی نمی‌کند یک نسخه ارزان‌تر از فیگما باشد. طراحی را از زاویه‌ای متفاوت می‌نگرد. فیگما طراحی را به‌عنوان زبانی ویژه می‌بیند که توسعه‌دهندگان به ابزارهای خاصی برای ترجمه نیاز دارند. در مقابل، Penpot از پیش زبان وب را می‌داند: HTML، CSS و SVG.

در فیگما، از چیزی به نام Auto Layout استفاده می‌کنید که به‌طور اساسی wrapper اختصاصی فیگما برای Flexbox است. برای طرح‌های ساده کار می‌کند، اما وقتی به یک گرید مثل گالری یا داشبورد نیاز دارید، باید چندین فریم Auto Layout را داخل هم تو در تو کنید. این باعث ایجاد مجموعه‌ای از divهای تو در تو می‌شود که برای ساده‌سازی کد به ترجمه قابل‌توجهی نیاز دارد.

Penpot دارای گرید CSS بومی است. می‌توانید یک گرید ۱۲ ستونی تعریف کنید و آیتم‌ها را دقیقاً در جای دلخواه با موقعیت‌گذاری گرید قرار دهید — همان‌طور که یک توسعه‌دهنده CSS می‌نویسد. این تفاوت کوچک نیست؛ نحوهٔ ساخت کل سیستم‌های طراحی را تغییر می‌دهد.

با تب inspect Penpot، به‌صورت لحظه‌ای کد تقریباً آماده برای تولید دریافت می‌کنید. بدون افزونه یا هزینه. توسعه‌دهندگان می‌توانند فایل‌های طراحی را باز کرده و آنچه نیاز دارند استخراج کنند. Flexbox، CSS grid، فواصل، تایپوگرافی، همه به‌صورت مستقیم ترجمه می‌شوند. این یکی از بهترین ابزارها در بازار است اگر می‌خواهید سریعاً نمونه‌های طراحی را به رابط‌های کاربری کاملاً کارآمد تبدیل کنید.

مطلب مرتبط:   چگونه سند خود را برای چاپ نقطه ای UV تنظیم کنید

برگه بازرسی Penpot با کد طراحی

تحویل طراحی نیز به‌طور قابل‌ملاحظه‌ای آسان می‌شود. فیگما به‌طور اساسی سعی می‌کند داده‌های اختصاصی خود را به CSS ترجمه کند و اغلب اشتباه می‌کند. موقعیت‌یابی مطلق در همه‌جا، اندازه‌گیری‌های عجیب و مقادیر که با واقعیت همخوانی ندارند.

از آنجا که معماری کامل Penpot بر پایه SVG و CSS ساخته شده، دکمه‌ای که ساختید یک وکتور اختصاصی در قالب فیگما نیست؛ یک SVG ساده است. سبک‌های متنی شما کلاس‌های CSS واقعی هستند و نیازی به لایه ترجمه نیست چون طراحی در کد است.

آزادی از دیوار قیمت‌گذاری فیگما

دریافت ویژگی‌های طراحی سطح حرفه‌ای بدون مواجهه با دیوار پرداخت

حالت توسعهٔ فیگما برای توسعه‌دهندگان مفید است، اما پشت یک دیوار پرداخت که حدود ۲۵ تا ۳۵ دلار برای هر کاربر در ماه است، قفل شده است.

قابلیت‌های بازرسی Penpot در محصول اصلی تعبیه شده‌اند. می‌توانید تعداد نامحدود توسعه‌دهندگان را داشته باشید که فایل‌ها را بازرسی می‌کنند، کد را کپی می‌کنند، دارایی‌ها را استخراج می‌کنند و غیره بدون هزینه. حتی می‌توانید ابزار را بر روی سرور خود میزبانی کنید اگر بخواهید.

یک مزیت دیگر این است که شما صاحب فایل‌های طراحی خود هستید. Penpot به‌صورت بومی در SVG و JSON کار می‌کند، هر دو استانداردهای باز. حتی می‌توانید فایل‌های طراحی خود را به Git متعهد کنید و هم‌زمان با کد خود نسخه‌بندی کنید. مهم نیست اگر شرکت Penpot فردا ناپدید شود؛ می‌توانید همچنان از طراحی‌ها و ابزار استفاده کنید بدون قطع.

برنامه‌های قیمت‌گذاری Penpot در وب‌سایت رسمی

با این حال، Penpot نیز سطوح پرداختی دارد، اما اینها خیلی ساده‌تر از قیمت‌گذاری پیچیده فیگما هستند. در حالی که ویژگی‌های اصلی همانند باقی می‌مانند، سطح Unlimited به شما تا ۲۵۶ گیگابایت فضای ذخیره‌سازی، ۳۰ روز نسخه‌های خودکار ذخیره‌شده، ۳۰ روز بازیابی فایل‌های حذف‌شده، دسترسی زودهنگام به ویژگی‌های آتی و بیشتر را تنها با ۷ دلار برای هر ویرایشگر می‌دهد. علاوه بر این، هزینه ماهانه محدود است، بنابراین هرگز بیشتر از ۱۷۵ دلار در ماه پرداخت نمی‌کنید، بدون در نظر گرفتن اندازه تیم.

مطلب مرتبط:   من یک علاقه‌مند به صدا هستم، و این پخش‌کننده متن‌باز تمام برنامه‌های دیگر را پشت سر می‌گذارد

سطح Enterprise این ویژگی‌ها را با محدودیت‌های بالاتر گسترش می‌دهد، در حالی که هزینه ماهانه شما را به ۹۵۰ دلار در ماه محدود می‌کند، صرف‌نظر از اندازه تیم. و در صورتی که واضح نکرده بودم، می‌توانید همچنان ابزار را به‌صورت رایگان با تمام ویژگی‌های آن برای استفاده حرفه‌ای استفاده کنید.

Penpot نیز بی‌نقص نیست

لبه‌های ناهموار وجود دارند که باید بدانید

تنها مشکل عمده‌ای که در Penpot مواجه شدم این است که سیستم افزونه‌ها عملاً وجود ندارد، به‌ویژه در مقایسه با کتابخانه عظیم فیگما. هزاران افزونهٔ مفید فیگما وجود دارد که می‌توانید به‌صورت رایگان دانلود کنید. اگر جریان کاری شما به یکپارچه‌سازی‌های خاص یا ابزارهای انیمیشن سنگین وابسته است، این می‌تواند اصطکاک ناخواسته ایجاد کند.

وب‌سایت افزونه‌های Penpot

عملکرد می‌تواند ملاحظهٔ دیگری باشد. من Penpot را مانند یک سازمان بزرگ با ده‌ها کارمند تست نکرده‌ام، اما وقتی فایل‌های طراحی شما در صفحات متعدد گسترش می‌یابد و شامل مؤلفه‌های پیچیده می‌شود، افت عملکرد را احساس خواهید کرد. سیستم‌های طراحی در مقیاس سازمانی با نمونه‌های پرانیمیشن هنوز کاملاً به‌دست نیامده‌اند.

فیگما در این موارد همچنان برتری دارد اگر به این قابلیت‌های خاص نیاز داشته باشید — ولی هزینهٔ آن نیز بالا است.

زمان تغییر به ابزار طراحی بهتر فرا رسیده است

از صورتحساب‌های انبوه تیم طراحی خسته شده‌اید؟ Penpot را امتحان کنید

در تجربهٔ من، Penpot تنها جایگزین منبع‌باز فیگما است که حس تعادل را القا می‌کند. مطمئناً ابزارهای دیگر ممکن است برخی وظایف خاص را بهتر انجام دهند، اما آنها مجموعهٔ کامل ویژگی‌ها را که برای جایگزینی فیگما نیاز دارید، ندارند.

Penpot فقط یک جایگزین رایگان برای فیگما نیست، بلکه ابزاری کاملاً متفاوت است که بر این فرض ساخته شده است که طراحی و کد دو جهان جداگانه نیستند — آنها همان زبان هستند که در رسانه‌های مختلف بیان می‌شود.