مرکزی مواد پر جائیں
pen.dev پروڈکٹ لوگو

pen.dev آپریشن میں

ڈیولپرز کے لیے AI ڈیزائن کینوس، کوڈنگ ماحول میں انٹرفیس بنائیں اور براہِ راست اسے کوڈ میں تبدیل کریں

8.6پوائنٹس
A سطحبرانڈ گریڈ

pen.dev کو High Agency, Inc. نے پیش کیا ہے۔ یہ کوڈ ریپوزٹری پر مبنی AI سے چلنے والا MCP ڈیزائن کینوس ہے۔ یہ ڈیزائن فائلوں، انٹرفیس کی تلاش اور فرنٹ اینڈ کوڈ کو ایک ہی کام کے ماحول میں یکجا کرتا ہے، جس سے ڈیولپرز ڈیزائن ہینڈ آف کم کر سکتے ہیں اور قابلِ مطالعہ، قابلِ توسیع اوپن فائل فارمیٹ کے ذریعے ڈیزائن کا نظم کر سکتے ہیں۔ صارفین سرکاری ویب سائٹ سے اسے ڈاؤن لوڈ اور انسٹال کر کے عام کوڈنگ ٹولز سے منسلک کر سکتے ہیں۔

pen.dev ڈیزائن کینوس اور کوڈ کے باہمی تعاون کا انٹرفیس
ماہانہ وزٹس
0
قیمتیں
مفت
فہرست میں شامل
2026-07-23
اپ ڈیٹ شدہ
2026-08-25

01pen.dev کا تعارف

pen.dev ایک ایسا ڈیزائن کینوس ہے جو کوڈنگ ماحول میں چلتا ہے۔ ڈیولپرز اس میں پروڈکٹ انٹرفیس بنا سکتے ہیں، صفحے کے بہاؤ تلاش کر سکتے ہیں اور ڈیزائن کو کوڈ کے ساتھ منسلک رکھ سکتے ہیں۔ ڈیزائن فائلیں .pen فارمیٹ میں کوڈ ریپوزٹری میں محفوظ ہوتی ہیں، اس لیے Git کے ذریعے ورژن، برانچ اور مرج کا نظم کیا جا سکتا ہے، جبکہ ڈیزائن کو HTML، CSS یا React میں بھی تبدیل کیا جا سکتا ہے۔ یہ MCP کے ذریعے کینوس کو پڑھنے اور اس میں لکھنے کی سہولت بھی فراہم کرتا ہے۔

02pen.dev کے لیے موزوں صارفین

فرنٹ اینڈ ڈیولپرز

IDE میں براہِ راست صفحات اور اجزا ڈیزائن کریں اور ڈیزائن کے نتائج کو HTML، CSS یا React میں تبدیل کریں، تاکہ ڈیزائن ٹولز اور کوڈنگ ماحول کے درمیان بار بار سوئچ کرنے کی ضرورت کم ہو۔

AI کوڈنگ ٹولز استعمال کرنے والے ڈیولپرز

Cursor، VSCode، Claude Code یا OpenAI Codex کے ذریعے کینوس کی صلاحیتیں استعمال کریں، انٹرفیس تیار کریں یا متعدد صفحات کے ڈیزائن کے مختلف رخ بیک وقت تلاش کریں۔

ڈیزائن سسٹم رکھنے والی ڈیولپمنٹ ٹیمیں

کوڈ بیس میں موجود ڈیزائن سسٹم کو کینوس سے منسلک کریں، اجزا پر مبنی ڈیزائن کِٹ سے انٹرفیس بنائیں اور ڈیزائن و نفاذ میں مطابقت برقرار رکھیں۔

03pen.dev کی اہم خصوصیات

لامحدود ڈیزائن کینوس

IDE کے اندر پروڈکٹ انٹرفیس بنائیں اور ایڈجسٹ کریں، پکسل سطح کی پوزیشننگ کے ساتھ، تاکہ ڈیزائن اور کوڈ ہمیشہ ایک دوسرے سے جڑے ہوئے کام کے ماحول میں رہیں۔

AI سے صفحات اور بہاؤ کی تیاری

پرامپٹس کے ذریعے مکمل صفحات یا پورے انٹرفیس کے بہاؤ تیار کریں، یا متعدد AI معاونین سے ڈیزائن کی مختلف سمتیں بیک وقت تلاش کروائیں۔

سیاق و سباق کے مطابق ڈیزائن آپریشنز

مکمل اسکرین یا کسی مخصوص حصے کے لیے ضرورت درج کریں، پہلے سے موجود آپریشنز کے ذریعے تیزی سے تبدیلیاں کریں، یا شروع سے اپنی مرضی کے آپریشنز لکھیں۔

ڈیزائن سے فرنٹ اینڈ کوڈ

کینوس میں موجود ڈیزائن کو HTML، CSS یا React میں تبدیل کریں، تاکہ ڈیولپرز بصری تصور کو قابلِ استعمال ایپلیکیشن کے نفاذ تک آگے بڑھا سکیں۔

ڈیزائن فائلوں کا ورژن نظم

ڈیزائن کو .pen فائلوں میں محفوظ کر کے کوڈ ریپوزٹری میں رکھیں، اور ڈیولپمنٹ کوڈ کی طرح Git کے ذریعے ورژن، برانچ اور مرج کا نظم کریں۔

Figma ڈیزائن درآمد

Figma ڈیزائن کو براہِ راست کاپی اور پیسٹ کریں، اور اس کے ویکٹر، متن اور اسٹائل pen.dev میں لا کر مزید ترمیم کریں۔

MCP کے ذریعے دو طرفہ کینوس آپریشنز

MCP کے ذریعے ڈیزائن کینوس کو پڑھیں اور اس میں لکھیں، اور ڈیٹا بیس، API، چارٹ ڈیٹا یا Playwright اور Puppeteer جیسے بیرونی ذرائع سے منسلک ہوں۔

04pen.dev کی نمایاں خصوصیات

ڈیزائن فائلیں کوڈ ریپوزٹری میں

ڈیزائن کسی الگ تھلگ ٹول میں محدود نہیں رہتا بلکہ فائلوں کی صورت میں پروجیکٹ ریپوزٹری میں محفوظ ہوتا ہے، جہاں اسے کوڈ کے ساتھ ورژن کنٹرول کیا جا سکتا ہے۔

اوپن فائل فارمیٹ

ڈیزائن فائلوں کو پڑھا، ڈیبگ اور توسیع دی جا سکتی ہے۔ سرکاری طور پر بلیک باکس فارمیٹ استعمال نہیں کیا جاتا، اس لیے ڈیولپرز اپنی مرضی کے ٹولز سے فائلوں پر کام کر سکتے ہیں۔

دو طرفہ MCP صلاحیت

کینوس کی معلومات پڑھنے کے علاوہ مکمل تحریری رسائی بھی فراہم کی جاتی ہے، جس سے بیرونی MCP، ڈیٹا ذرائع اور دیگر ایجنٹس کینوس آپریشنز میں حصہ لے سکتے ہیں۔

ڈیزائن اور کوڈ ایک ہی اسکرین پر

پکسل سطح کے ڈیزائن کینوس کو کوڈنگ ماحول میں شامل کریں، تاکہ ڈیولپرز ڈیزائن اور نفاذ کے درمیان تیزی سے سوئچ کر سکیں اور روایتی ڈیزائن ہینڈ آف کا عمل کم ہو۔

05معلومات کے ذرائع

© دستبرداری: ڈومینز اور لنک شدہ مواد وقت کے ساتھ تبدیل ہو سکتے ہیں۔ AIEZZ فریقِ ثالث کی ویب سائٹس کو کنٹرول نہیں کرتا۔ بیرونی مواد اور خطرات کا آزادانہ جائزہ لیں۔

صارف کے جائزے0