OpenPencil؛ ابزار طراحی وکتور متنباز که با پرامپت کار میکنه
خلاصهٔ کاملتر
پروژهٔ OpenPencil تو گیتهاب خودش رو «اولین ابزار طراحی وکتور متنباز و AI-native دنیا» معرفی میکنه. ایدهٔ محوریش سادهست: UI رو با زبان طبیعی توصیف میکنی و طراحی بهصورت زنده و استریمی روی یه بوم بینهایت ساخته میشه. برای تغییر یه طرح موجود هم کافیه المانها رو انتخاب کنی و با چت بگی چی عوض شه. ورودی تصویری هم پشتیبانی میشه، یعنی میتونی اسکرینشات یا ماکاپ مرجع بدی.
بخش متمایزش تیمهای همزمان ایجنته. یه ارکستریتور صفحهٔ پیچیده رو به زیرکارهای فضایی میشکنه — هدر، بخش فیچرها، فوتر — و چند ایجنت همزمان روی هر بخش کار میکنن، با نشانگر جداگانه روی بوم برای هر عضو. ابزار همچنین ادعا میکنه با ردیابی تنوع بین نسلهای مختلف، از تکراری شدن خروجی AI جلوگیری میکنه.
پروفایلهای توانمندی مدل هم جالبن: پرامپت بهازای هر رده مدل تنظیم میشه. مدلهای ردهبالا مثل Claude پرامپت کامل با حالت thinking میگیرن، مدلهای استاندارد مثل GPT-4o و Gemini بدون thinking اجرا میشن و مدلهای کوچیکتر مثل MiniMax و Qwen و Llama پرامپت سادهشده میگیرن تا خروجی قابلاتکا بمونه.
ستون فقرات دیگهٔ پروژه Design-as-Codeه. فایلهای .op در واقع JSONان: خوانا برای آدم، دوستداشتنی برای گیت و قابل diff. متغیرهای طراحی به CSS custom property تبدیل میشن و خروجی کد به ریاکت + تیلویند، HTML + CSS، ویو، Svelte، فلاتر، SwiftUI، Jetpack Compose و ریاکتنیتیو گرفته میشه.
یه سرور MCP داخلی هم داره که با یه کلیک تو Claude Code، Codex، Gemini، OpenCode یا Copilot CLI نصب میشه؛ یعنی هر ایجنت سازگار با MCP میتونه فایلهای .op رو بخونه، بسازه یا تغییر بده. گردش کار لایهایش هم از اسکلت شروع میشه، بعد محتوا و بعد پالایش.
کنارش یه CLI به اسم op هست که اجازه میده از ترمینال طراحی کنی:
npm install -g @zseven-w/openpencil
op start
op design @landing.txt
op import:figma design.figاز نظر اجرا، هم نسخهٔ وب داره و هم اپ دسکتاپ نیتیو روی مک، ویندوز و لینوکس با Electron، با آپدیت خودکار و امکان باز کردن فایل .op با دابلکلیک. ایمیجهای داکر هم بهشکل چند نسخه منتشر شدن: از نسخهٔ فقط وب حدود ۲۲۶ مگابایت تا نسخهٔ کامل حدود یک گیگابایت که همهٔ CLIهای AI رو داره.
بقیهٔ امکاناتش استاندارد یه ابزار طراحی جدیه: بوم بینهایت با راهنمای همترازی و snap، عملیات بولین، auto-layout، سیستم کامپوننت با override، پشتیبانی چندتم و SDK جاسازیشدنی (pen-engine و pen-react) که میتونی موتور طراحی رو تو اپ خودت بذاری. رابط کاربری هم به ۱۵ زبان ترجمه شده.
نکات کلیدی:
- طراحی با پرامپت روی بوم بینهایت، با استریم زنده و ورودی تصویری
- ارکستریتور کار رو بین چند ایجنت همزمان تقسیم میکنه
- فایل .op فرمت JSON داره: گیتپسند، خوانا و قابل diff
- خروجی کد به ریاکت، ویو، Svelte، فلاتر، SwiftUI و چند پلتفرم دیگه
- سرور MCP داخلی و CLI به اسم op برای طراحی از ترمینال




