‏OpenFlowKit: ابزار رایگان دیاگرام برای توسعه‌دهنده‌ها

اگه تا حالا ساعت‌ها وقت گذاشتی تا باکس‌های یه دیاگرام رو با دست تراز کنی، یا دیدی که مستنداتت همین‌که یه اسکرین‌شات گرفتی، outdated شدن — OpenFlowKit دقیقاً برای همین دردها ساخته شده. این ابزار کاملاً رایگان و اوپن‌سورس هست و هیچ نسخه پولی پشت پرده‌ای نداره.

مهم‌ترین ویژگی OpenFlowKit اینه که می‌تونی کدت رو مستقیم توش پیست کنی. Prisma schema، SQL dump، TypeScript components یا JSON — موتور هوشمندش رابطه‌ها رو تشخیص می‌ده و یه canvas زنده می‌سازه. دیگه لازم نیست هر سرویس جدید رو با دست رسم کنی.

یه قابلیت جذاب دیگه‌اش Diagram as Code هست. با یه DSL تایپ‌سیف می‌تونی نودها رو در کد تعریف کنی و بذاری موتور خودش layout رو مدیریت کنه:

// define.ts
const api = Node();
const db = Node();
api.connect(db);

ابزار هوش مصنوعی داخلیش به اسم Flowpilot هم خیلی کاربردیه. به‌جای اینکه بری دنبال منو و دکمه، به‌زبان طبیعی بهش می‌گی چیکار کنه. مثلاً می‌گی "Add a Redis cache in front of the DB" و اون تغییرات رو به‌صورت typed editor commands اعمال می‌کنه. نکته مهم اینه که این AI با کلید API شخصی خودت (OpenAI یا Anthropic) کار می‌کنه و کلیدت روی دستگاه خودت ذخیره می‌شه.

معماری داخلیش هم حساب‌شده‌ست. چهار لایه کاملاً از هم جدا شدن: یه React Display Layer برای رندر سریع، یه Collaboration Mesh مبتنی بر Yjs و WebRTC برای همکاری real-time، یه Headless Engine Core برای پارس DSL و routing با ELK.js، و یه LLM Bridge برای ارتباط با مدل‌های زبانی. این معماری باعث می‌شه ابزار هم سریع باشه هم قابل توسعه.

موتور سینماتیک OpenFlowKit هم یه چیز متفاوته. می‌تونی دیاگرامت رو به یه انیمیشن 60fps تبدیل کنی و مستقیم به فرمت MP4 اکسپورتش کنی — بدون نیاز به هیچ keyframe دستی. مسیرها با Bezier curve رسم می‌شن و همه چیز داخل مرورگر رندر می‌شه.

برای طراحان هم یه قابلیت خوب داره: می‌تونی دیاگرامت رو مستقیم توی Figma پیست کنی و به‌جای یه تصویر flat، لایه‌های vector ویرایش‌پذیر بگیری. هیچ پلاگینی هم لازم نیست. اکسپورت به SVG، PNG، JSON و حتی GIF هم پشتیبانی می‌شه.

همه داده‌ها local-first هستن؛ هیچ چیزی به کلود ارسال نمی‌شه و نیازی به اکانت نداری. پروژه هنوز در حال توسعه‌ست و تیم سازنده به‌صورت عمومی روش کار می‌کنه.

نکات کلیدی:

• کاملاً رایگان با لایسنس MIT، بدون نسخه Enterprise پولی
• پیست کردن کد (Prisma، SQL، TypeScript، JSON) و تبدیل خودکار به دیاگرام
• پشتیبانی از Diagram as Code با DSL اختصاصی و Mermaid.js
• هوش مصنوعی Flowpilot با BYOK (کلید OpenAI یا Anthropic خودت)
• اکسپورت به MP4 با انیمیشن 60fps، بدون keyframe دستی
• پیست مستقیم در Figma به‌صورت لایه‌های vector قابل ویرایش (بدون پلاگین)
• همکاری real-time با WebRTC و CRDT (Yjs)
• ذخیره‌سازی local-first، بدون cloud tracking