‏Claude Design (claude.ai/design) چیست؟4 min read

‏Claude Design محصول طراحی چت به بوم Anthropic است. شما آنچه را که می خواهید به زبان ساده توصیف می کنید، Claude اولین نسخه را روی بوم می سازد و آن را از طریق چت، نظرات درون خطی و ویرایش های مستقیم اصلاح می کنید. محصول در زندگی می کند ‏claude.ai/design (همچنین از صفحه محصول Claude پیوند داده شده است) و در نوار کناری دسکتاپ Claude.

این Figma نیست، یک تولید کننده تصویر عمومی نیست، و به خودی خود یک سازنده کامل ظاهری نیست. این یک فضای کاری طراحی محاوره‌ای برای نمونه‌های اولیه، عرشه‌ها، تک پیجرها، تصاویر بازاریابی، و مفاهیم تعاملی است، با زمینه سیستم طراحی اختیاری و یک مسیر انتقال به کد Claude.

اگر «Claude Design چیست» را جستجو کردید زیرا SERP نویز دارد، این صفحه ابتدا پاسخ کوتاه است، سپس گردش کار عملی، سپس جایی که Anima و AgentGrid.io در مواقعی که به پیوستگی Figma یا یک مصنوع مشترک بادوام نیاز دارید، جا می‌شوند.

برای کاربران ChatGPT، جایگزین Claude Design ChatGPT + AgentGrid.io خواهد بود، ویژگی های اشتراک گذاری، نسخه سازی، همکاری و انتشار را مستقیماً از چت ارائه می دهد.

پاسخ کوتاه

پست راه‌اندازی Anthropic مشکل را به وضوح بیان می‌کند: طراحان به کاوش جیره‌بندی می‌پردازند، زیرا به ندرت زمان برای ده‌ها جهت وجود دارد، و غیرطراحان برای تبدیل یک ایده به چیزی قابل اشتراک‌گذاری تلاش می‌کنند. Claude Design پاسخ آنها به هر دو است.

‏Claude Design چگونه کار می کند

‏Claude Design صفحه را تقسیم می کند: چت در سمت چپ، بوم در سمت راست. مرکز راهنمایی Anthropic حلقه را به صورت زیر توصیف می کند:

1. یک پروژه ایجاد کنید
2. هنگامی که یک سیستم طراحی را دارید، پیوست یا وارد کنید
3. اضافه کردن زمینه (تصاویر، اسناد، پایگاه کد)
4. آنچه را که می خواهید توصیف کنید
5. نتیجه بوم را مرور کنید
6. با چت، نظرات درون خطی، یا ویرایش های مستقیم روی بوم اصلاح کنید
7. صادرات یا اشتراک گذاری

راهنمای خود Anthropic در اینجا مفید است: نسل اول یک نقطه شروع است. مقدار تکرار است.

آنچه می توانید بسازید

خروجی های معمولی که توسط Anthropic و اسناد راهنما فراخوانی می شوند:

• وایرفریم محصول و صفحه نمایش برنامه
• صفحات فرود و وثیقه بازاریابی
• عرشه های زمین و ارائه
• نمونه های اولیه تعاملی
• تک پیجرها و تصاویر اجتماعی
• نمونه‌های اولیه مرزی مبتنی بر کد (صدا، ویدئو، سایه‌زنان، سه بعدی، هوش مصنوعی داخلی)، زمانی که آن مسیر پشتیبانی می‌شود

طراحی سیستم ها و برند

‏Claude Design می‌تواند سیستم‌های طراحی را از GitHub، فایل‌های طراحی، آپلودها یا یک پایگاه کد محلی (از جمله از طریق) وارد کند /design-sync از کد Claude). Claude قرار است با اجزای شما ساخته شود و قبل از اینکه آن را ببینید، خروجی سیستم را بررسی کند. مدیران تیم و سازمانی می توانند یک سیستم استاندارد را قفل کنند.

این مهم است زیرا AI UI عمومی حالت خرابی پیش‌فرض در این دسته است. زمینه برند تفاوت بین نسخه نمایشی و چیزی است که یک PM می تواند در یک بررسی قرار دهد.

صادرات و تحویل

مقصدهای صادرات و ارسال مستند شامل PDF، PPTX، HTML مستقل، zip/folder، Canva، و کانکتورهایی مانند Adobe، Gamma، Lovable، Miro، Replit، Vercel و Wix است (لیست ها تغییر می کنند؛ اسناد فعلی را قبل از قول دادن به اتصال دوباره بررسی کنید).

مسیر ساخت بومی Claude به کد Claude منتقل می‌شود: طرح را بسته‌بندی کنید و به جای بازسازی از روی یک اسکرین شات، از پروژه کار ادامه دهید.

شکاف گردش کار مهم برای بسیاری از تیم های طراحی: ‏Claude Design صادرات بومی Figma را ارائه نمی دهد. اگر Figma منبع حقیقت شماست، به یک پل اضافی نیاز دارید.

آنچه مردم در مورد آن می گویند

واکنش‌های عمومی از X (که بدون ورود به سیستم از پست فردی URL گرفته شده است) و صفحات خود Anthropic.

از X

معرفی Claude Design توسط Anthropic Labs: با صحبت با Claude، نمونه های اولیه، اسلایدها و تک پیجرها را بسازید. مجهز به Claude Opus 4.7، تواناترین مدل بینایی ما. در پیش‌نمایش تحقیقاتی در برنامه‌های Pro، Max، Team و Enterprise موجود است که در طول روز ارائه می‌شود.
– Claude (@claudeai)، 17 آوریل 2026 · پست

جدید در Claude Design: با سیستم طراحی شما در تمام پروژه‌ها روی برند باقی می‌ماند، به شما امکان می‌دهد مستقیماً روی بوم ویرایش کنید، با کد Claude همگام‌سازی کنید، و به ابزارهای بیشتری که قبلاً استفاده می‌کنید متصل می‌شود.
– Claude (@claudeai)، 17 ژوئن 2026 · پست

نکات من برای گرفتن بهترین نتایج از Claude Design! من در تیم verticals در Anthropic هستم، به این معنی که به 7 محصول مختلف خدمت می‌کنم. Claude Design این امکان را فراهم می کند! 1. سیستم طراحی و صفحه نمایش اصلی خود را تنظیم کنید. یک ساعت راه اندازی و اصلاح در اینجا ارزش آن را دارد
– Ryan Mather (@Flomerboy)، 17 آوریل 2026 · پست

برخی از واکنش‌های اولیه به انتشار Claude Design: … هیچ ساخت محصولی در بالای LLM از رقابت مستقیم خود Anthropic در امان نیست: من به تمام ابزارهای نمونه‌سازی در فضا نگاه می‌کنم… حتی شرکت‌های متصدی تاریخی مانند Figma باید شروع به تعجب کنند که آیا به اندازه کافی بومی هوش مصنوعی می‌شوند…
– Sachin Rekhi (@sachinrekhi), Apr 17, 2026 · پست

از Anthropic / شرکا

این نقل‌قول‌ها از صفحات عمومی Anthropic (بیانیه‌های مشتری و شریک منتشر شده همراه با محصول) است. با آن‌ها به‌عنوان گواهی‌های میزبانی از فروشنده رفتار کنید، نه بررسی‌های مستقل.

“طراحی Claude به من هوشمندی مدل‌های مرزی را با عملکرد و قابلیت‌های ابزارهای طراحی آزمایش شده و واقعی می‌دهد. هر زمان که روی دستورالعمل‌های طراحی سایت Tenex، دارایی‌های برند جدید یا ارائه‌ها کار می‌کنم، Claude Design اولین جایی است که می‌روم. … و سپس انتقال بین Claude Design، فرآیند تولید بدون کد کد ZXX را به کد ZXX می‌کند.”
– الکس لیبرمن، بنیانگذار Morning Brew & Tenex (وبلاگ Claude)

از پست راه اندازی Anthropic، تیم های محصول بر سرعت و تناسب برند تاکید دارند:

ما قبل از اینکه کسی اتاق را ترک کند، از یک ایده اولیه به یک نمونه اولیه تبدیل شده‌ایم، و خروجی به دستورالعمل‌های طراحی و برند ما وفادار می‌ماند.»
– به نقل از راه اندازی Anthropic Claude Design

‏Anthropic همچنین گزارش داد که بیش از یک میلیون نفر از Claude Design در هفته اول استفاده کردند (به روز رسانی محصول 17 ژوئن 2026). این یک ادعای استفاده از Anthropic است، نه یک ممیزی شخص ثالث.

جایی که Claude Design جا می شود (و جایی که متوقف می شود)

تناسب قوی

• شما در حال حاضر در کد Claude و Claude زندگی می کنید
• شما نیاز به تصویری در همان جلسه دارید، نه هفته آینده
• یک PM یا بنیانگذار قبل از اینکه ظرفیت طراحی باز شود به یک مدل یا عرشه نیاز دارد
• شما به اشتراک گذاری با محدوده سازمانی در داخل Claude می خواهید

تناسب اندام ضعیف (امروز)

• طراحان شما به اجزای اصلی، انواع و بهداشت فایل Figma نیاز دارند
• شما به همکاری چند مدل روی همان مصنوع بادوام نیاز دارید (Claude + ChatGPT + یک عامل کدگذاری + یک ویرایشگر انسانی)
• شما به یک وب‌سایت عمومی با دامنه سفارشی، سابقه نسخه در میان نمایندگان یا کنترل‌های انتشار به سبک AgentGrid نیاز دارید
• شما به ویرایش چند نفره قابل اعتماد نیاز دارید (Anthropic هنوز ویرایش همزمان چند نفره را پایه می‌نامد)

منصف باشید: Claude Design در مکالمه به بوم عالی است. سعی نمی‌کند هر ابزار طراحی باشد.

گردش کار عملی پس از Claude Design

در اینجا مسیر انتها به انتها مفید برای تیم هایی است که به برند، Figma و رابط کاربری محصول قابل حمل اهمیت می دهند.

1. در Claude Design کاوش کنید

شروع در ‏claude.ai/design. 2-3 جهت را درخواست کنید. اسکرین شات ها یا یک سیستم طراحی را ضمیمه کنید. تکرار کنید تا داستان روشن شود.

2. در Figma زمانی که کاردستی اهمیت دارد، ادامه دهید

اگر مالک بعدی یک طراح است، مفهوم را به Figma منتقل کنید. Buddy Anima می‌تواند Claude Design HTML را به لایه‌های Figma قابل ویرایش تبدیل کند تا در خارج از سیستم طراحی گیر ندهید. راهنما: چگونه از Claude Design به Figma برویم.

3. یک نمونه اولیه در Anima Playground بسازید

هنگامی که به یک نمونه اولیه HTML/React با نام تجاری و قابل ویرایش (نه تنها یک ماکت بوم) نیاز دارید، ادامه دهید ‏Anima Playground. از prompt، Figma، image یا URL شروع کنید. Playground، Buddy و Figma به کد را متمایز نگه دارید. Playground سطح برنامه/نمونه اولیه مرورگر است. Buddy عامل Figma AI است.

4. پر کردن شکاف Claude Design به تنهایی مالک نیست

مثال: Claude Design در تولید تصاویر بازاریابی برای صفحاتی که می‌سازد ضعیف است. تیم ها می توانند طرح را در AgentGrid.io قرار دهند و به ChatGPT اجازه دهند تصاویر را در همان آرتیفکت تولید کند. راهنما: با ChatGPT تصاویری برای Claude Design ایجاد کنید.

5. یک مصنوع بادوام را در AgentGrid.io منتشر کنید یا به اشتراک بگذارید

اگر نتیجه باید یک چت را ترک کند، از تاریخچه نسخه زنده بماند و توسط افراد و سایر عوامل قابل ویرایش باقی بماند، آن را به ‏AgentGrid.io. این فضای کاری مشترک برای مصنوعات زنده (اسناد، برنامه‌ها، طرح‌ها) است، نه یک بوم طراحی دوم. راهنما: یک وب سایت Claude Design را با AgentGrid.io منتشر کنید.

‏Claude Design در مقابل ابزارهای نزدیک (نقشه سریع)

برای مقایسه طولانی تر، Anima را ببینید بررسی Claude Design. این صفحه «چیست» عمداً تعریفی باقی می‌ماند، بنابراین آن بررسی را آدم‌خوار نمی‌کند.

سوالات متداول

آیا Claude Design همان Claude Artifacts است؟

خیر. مصنوعات خروجی هایی در کنار یک چت Claude (اغلب اسناد، HTML یا کد) هستند. Claude Design یک محصول طراحی اختصاصی با بوم، مدل پروژه و جریان‌های صادرات/دست‌انداز در claude.ai/design است.

آیا Claude Design رایگان است؟

با اشتراک‌های Claude Pro، Max، Team و Enterprise گنجانده شده است و برای محدودیت‌های استفاده از طرح به حساب می‌آید (Anthropic قبلاً یک کمک هزینه طراحی هفتگی جداگانه داشت؛ اسناد کمک فعلی می‌گویند که Design اکنون طرح را به اشتراک می‌گذارد). شرکت معمولاً خاموش است تا زمانی که یک سرپرست آن را فعال کند. دوباره بررسی کنید قیمت گذاری و کمک Anthropic قبل از انتشار ادعاهای طرح

آیا Claude Design می تواند جایگزین Figma شود؟

نه به عنوان یک جایگزین کامل برای اکثر سازمان های طراحی محصول. برای سرعت و اکتشاف قوی است. Figma برای سیستم‌های جزء، انواع و عملیات‌های فایل طراحی قوی‌تر باقی می‌ماند. زمانی که به مرحله هوش مصنوعی در داخل Figma نیاز دارید از Buddy استفاده کنید.

چگونه Claude Design را باز کنم؟

برو به ‏claude.ai/design، یا آن را از نوار کناری دسکتاپ Claude باز کنید. بازاریابی رسمی محصول نیز به این موضوع اشاره دارد ‏claude.com/product/design.

خط پایین

‏Claude Design پاسخ Anthropic به “توصیف، دیدن، اصلاح آن” برای کارهای بصری است. زمانی از آن استفاده کنید که Claude از قبل فضای کاری شما است و سرعت اهمیت دارد. وقتی مرحله بعدی ساخت Figma است، یک نمونه اولیه محصول واقعی، تولید تصویر در بین نمایندگان، یا یک مصنوع مشترک بادوام، به جای اینکه Claude Design را مجبور کنید کل پشته باشد، با Buddy، Anima Playground یا AgentGrid.io ادامه دهید.