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

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

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

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

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

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

جایی که ابزارهای دیگر کم می‌آیند

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

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

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

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

مطلب مرتبط:   این ابزار رایگان به شما امکان می دهد با یک درخواست تی شرت، کارت و موارد دیگر بسازید

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

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

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

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

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

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

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

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

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

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

مطلب مرتبط:   چالش طراحی Canva چیست؟ (+ چگونه می توانید شرکت کنید)

تب بازرسی Penpot همراه با کد طراحی.

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

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

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

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

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

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

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

طرح‌های قیمت‌گذاری Penpot در وب‌سایت رسمی.

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

مطلب مرتبط:   چگونه با استفاده از این راهنمای مبتدی برای نوردهی، هر بار عکس‌های گوشی هوشمند خود را میخ کنید

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

Penpot نیز کامل نیست

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

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

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

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

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

زمانی برای جابجا شدن به ابزار طراحی بهتر رسیده است

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

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

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