✨Designing With AI: Claude, Codex, Figma | Full Guide

اگر به دنبال یادگیری طراحی محصول دیجیتال با هوش مصنوعی با به‌روزترین روش‌ها هستید، این ویدیو را از دست ندهید.

در این ویدیو یک ساعته، به طور عملی یاد می‌گیرید چطور از سه ابزار قدرتمند Claude، Codex و Figma در کنار هم برای بهبود و تسریع فرآیند دیزاین استفاده کنید.

😎 چه چیزی یاد می‌گیرید؟
🟡ترکیب هوش مصنوعی با Figma برای طراحی سریع‌تر
🟡کار با Claude و Codex برای کدنویسی و خروجی‌گیری بهتر
🟡تکنیک‌های عملی و واقعی که در هیچ جای دیگری نمی‌بینید

⏱ زمان تماشا: حدود ۱ ساعت
👥 مخاطب: طراحان UI/UX، طراحان محصول ، و هر کسی که می‌خواهد از قدرت AI در پروژه‌های دیزاین محصولات دیجیتال و کدنویسی استفاده کند.

📱 لینک مشاهده در یوتیوب
https://www.youtube.com/watch?v=j_ZPV10bu54

#هوش_مصنوعی #طراحی_محصول #ویدیو #آموزشی


🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

✨ توکن (Token) در سرویس‌های هوش مصنوعی یعنی چی؟

وقتی از ابزارهای هوش مصنوعی مثل ChatGPT، Claude یا Gemini استفاده می‌کنیم، چیزی به اسم Token خیلی مهم می‌شود.

🤖 اما Token دقیقا چیست؟

به زبان ساده، Token یعنی «تکه‌های متن» که مدل هوش مصنوعی آن‌ها را می‌خواند و پردازش می‌کند.
مدل‌ها متن را مثل انسان به‌صورت جمله‌ای درک نمی‌کنند؛ بلکه آن را به بخش‌های کوچک‌تر تقسیم می‌کنند.

🤖 چندتا نکته:
🟡هر کلمه هم همیشه یک Token نیست!
🟡گاهی یک کلمه = یک Token است،
🟡گاهی یک کلمه بلند به چند Token تبدیل می‌شود،
🟡و حتی فاصله، ایموجی یا علائم نگارشی هم ممکن است Token حساب شوند.

مثلاً جمله:
Hello, how are you?

تقریباً به این بخش‌ها تقسیم می‌شود:
Hello / , / how / are / you / ?

🤖 چرا Token مهم است؟
چون تقریباً همه سرویس‌های AI براساس Token محدودیت یا هزینه دارند.

مثلاً:
• تعداد پیام‌هایی که می‌توانید بفرستید
• حجم فایل قابل پردازش
• هزینه API
• سرعت پاسخ
• حافظه مکالمه (Context Window)

همه به Token وابسته‌اند.

✔️ نکته جالب اینکه معمولاً متن فارسی نسبت به انگلیسی Token بیشتری مصرف می‌کند، چون بسیاری از مدل‌ها برای زبان انگلیسی بهینه‌تر شده‌اند.

⭕️در پست بعدی درباره این صحبت می‌کنیم که چطور مصرف Token را بهینه‌تر کنیم

🤌برای ما به‌عنوان طراح محصول دیجیتال (یکی از کاربران ویژه این حوزه)، فهمیدن مفهوم Token فقط یک موضوع فنی نیست؛ چون مستقیماً روی تجربه کاربر، هزینه‌ سرویس‌های AI، طراحی قابلیت‌های هوشمند و حتی نحوه نوشتن Promptها در محصولات مبتنی بر هوش مصنوعی تأثیر می‌گذارد.


#هوش_مصنوعی #توکن #نکات_آموزشی


🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

✨ فیگما در آپدیت جدید Make: دیزاینر و برنامه‌نویس کنار هم کد می‌زنند!

فیگما گامی بزرگ برای حذف مرز بین دیزاین و توسعه برداشت. آپدیت جدید Make حالا مستقیماً به codebase متصل می‌شود و تغییرات UI را بصری روی کد اعمال می‌کند؛ از ویرایش layout و تایپوگرافی تا انیمیشن و تعاملات، فقط با کلیک یا annotation نوشتاری.

🔧 پشتیبانی از Git workflow (branch، commit، PR) باعث شده Make دیگر فقط یک ابزار پروتوتایپ نباشد، بلکه جزئی از فرآیند واقعی توسعه محصول شود.

🔄 همچنین ارتباط دوطرفه با Figma Design امکان جابه‌جایی screen و componentها بین Make و Canvas فیگما، ویرایش مشارکتی و بازگرداندن تغییرات به کد را فراهم کرده است.

به نظر می‌رسد فیگما به جای جداسازی design و code، محیطی می‌سازد که هر دو در کنار هم و در یک جریان کاری واحد پیش بروند.

🔗 خبر کامل و درخواست دسترسی به بتا:
https://www.figma.com/blog/figma-make-now-on-your-local-code/


#فیگما #آپدیت #طراحی_محصول #توسعه

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

🟢وبینار ویژه روز جهانی طراحی خدمات
همراه با رونمایی از کتاب «تاریخچه‌ای کوتاه از طراحی خدمات»

همزمان و به مناسبت روز جهانی طراحی خدمات، کنار هم جمع می‌شویم تا درباره مسیر، آینده و نقش طراحی خدمات در ایران و جهان گفتگو کنیم. 
برنامه را با مروری کوتاه بر اهمیت روز جهانی طراحی خدمات و فعالیت‌های هفته طراحی خدمات آغاز می‌کنیم و سپس مروری خواهیم داشت بر برنامه‌های ویژه تیم Service Design Pulse به مناسبت همین روز و رونمایی از کتاب جدید «تاریخچه‌ای کوتاه از طراحی خدمات» با حضور مترجم کتاب، سوده محمدآبادی.

در ادامه نیز، پروژه مستندسازی طراحی خدمات ایران را معرفی می‌کنیم؛ تلاشی برای ثبت تجربه‌ها، روایت‌ها و مسیر رشد این حوزه در ایران. 
این برنامه فرصتی است برای الهام گرفتن، گفتگو، شبکه‌سازی و ساختن آینده‌ای آگاهانه‌تر برای جامعه طراحی خدمات فارسی‌زبان.

⏳زمان: روز دوشنبه ۱۱ خرداد ماه ۱۴۰۵
🟢ساعت: ۱۹ الی ۲۰ (به وقت تهران)
✔️ لینک ثبت نام در ایوند:
https://evnd.co/jxCuH

🟡حضور در این برنامه برای همه طراحان خدمات و علاقمندان رایگان و آزاد است
📱 @SDPulse

#طراحی_خدمات #کتاب #روز_طراحی_خدمات #رویداد #وبینار

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

🔖کتاب: «تاریخچه‌ای کوتاه از طراحی خدمات» منتشر شد

نوشته: دنیل کاتالانوتو
ترجمه: سوده محمدآبادی
حامی معنوی نسخه فارسی:
Service Design Pulse

تعداد صفحات کتاب : ۹۰ صفحه
نوع مجوز کتاب: پروژه آزاد و عمومی / Open access
فونت فارسی: وزیر (به یاد زنده‌یاد صابر راستی‌کردار)
نوع کتاب: الکترونیکی
قیمت: رایگان

📱 @SDPulse
منت
⭕️ از شما می‌خواهیم هنگام مطالعه کتاب، با هشتگ SDIranHistory# در شبکه‌های اجتماعی به این پروژه بپیوندید و به ثبت تاریخ طراحی خدمات در ایران کمک کنید.

#انتشارات #طراحی_خدمات #سرویس_دیزاین #کتاب

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

چند ساعت پیش فیگما چند بهبود کاربردی جدید برای Figma Make منتشر کرده که کنترل بیشتری روی فرایند ساخت با AI به طراحان می‌دهد:

• Plan Mode →
قبل از اجرا، برنامه و مراحل کار را مرور و مدیریت کنید.

• Messaging Queue →
درخواست‌های پشت‌سرهم را در صف قرار دهید و مدیریت بهتری روی تعاملات داشته باشید.

• Web Search & Fetch →
امکان جستجو و دریافت اطلاعات از وب به‌صورت مستقیم در Make.

• Pinned Comments →
کامنت‌های مهم را پین کنید تا همیشه در دسترس و قابل پیگیری باشند.

این به‌روزرسانی‌ها بیشتر روی بهبود تجربه کاربری و افزایش کنترل طراحان هنگام کار با AI تمرکز دارند و Make را به ابزاری کاربردی‌تر برای طراحی و پروتوتایپ‌سازی تبدیل می‌کنند.


#فیگما #آپدیت #طراحی_محصول #توسعه

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

در گفت‌وگوهای اخیرم با طراحان محصول و متخصصان UI/UX، به‌ویژه آنهایی که تازه‌کار هستند، به الگوی جالبی برخوردم: وابستگی سریع و رضایت زودهنگام از خروجی اولیهٔ هوش مصنوعی. یعنی با یک پرامپت ساده و گرفتن نتیجه‌ای با کیفیتِ حدوداً هشتاد درصد، و بعد از چند ویرایش کوچک، فرایند دیزاین را تمام‌شده می‌بینند و سراغ گزینه‌های دیگر نمی‌روند.

در ادبیات علمی به این پدیده «اثر ایکیا» (IKEA effect) می‌گویند؛ همان حس دلبستگی به چیزی که خودمان در ساختش نقش داشته‌ایم، حتی اگر نهایتاً کیفیت چندانی نداشته باشد. در گذشته، این دلبستگی نتیجهٔ صرف زمان و انرژی زیاد بود و تغییرش بر اساس بازخوردها خیلی سخت به نظر می‌رسید. اما امروز کل این ماجرا در کمتر از بیست دقیقه اتفاق می‌افتد: وابستگی زودهنگام شکل می‌گیرد، بدون آن که فرایند تدریجی و پیچیدهٔ تفکر پشتش باشد.

گزارش تازهٔ  «هوش مصنوعی در دیزاین ۲۰۲۶» که از ۹۰۰ طراح نظرسنجی کرده، هم نشان می‌دهد طراحانی که با ابزارهای هوش مصنوعی کار می‌کنند، خیلی زودتر از قبل به اولین ایده‌شان دل می‌بندند. یکی از مدیران طراحی در این گزارش تأکید کرده: «نوشتن پرامپت آسان است، نتیجهٔ نسبتاً خوب گرفتن آسان است، و اعلام پایان کار هم آسان. اما دقیقاً همین جاست که تیم‌ها باید بایستند و مقابله کنند.»

تحقیقی دیگر از UserTesting هم می‌گوید: ۹۱٪ طراحان با کمک هوش مصنوعی سریع‌تر کار می‌کنند، ولی فقط ۱۵٪ از آنها به کیفیت خروجی نهایی‌شان اعتماد بیشتری دارند. این فاصلهٔ معنادار بین سرعت و اعتماد، یک زنگ خطر جدی است.

به نظر من اصل ماجرا این است که مرحلهٔ کلیدی «Discover» حذف شده. قبلاً پیش از آن که روی یک ایده متمرکز شویم، چند مسیر مختلف را امتحان می‌کردیم. هر مسیر یک درس تازه داشت، محدودیت‌های پنهان را لو می‌داد و (trade-off)بده‌بستان‌هایی را نشان می‌داد که در نگاه اول دیده نمی‌شد. ایدهٔ نهایی، دقیقاً به خاطر همان گزینه‌هایی که کنار می‌گذاشتیم، قوی‌تر از قبل می‌شد.

حالا آیا این یعنی هوش مصنوعی بد است؟ نه، قطعاً نه. 🤓 اما وقتی همه چیز شتاب گرفته، مهارت اصلی این است که بدانیم کِی باید آهسته و با تأمل پیش برویم.

بهترین نتیجه‌ها معمولاً از جایی به دست آمده‌اند که بیش از حد معمول با یک مسئله ساده گرفته‌ایم، راه‌هایی را امتحان کرده‌ایم که اولِ کار اشتباه به نظر می‌رسیده‌اند، و اجازه داده‌ایم همان فرایند کاوش، مسئله را از بنیان برایمان تغییر دهد.

هوش مصنوعی ساختن را سریع می‌کند، نه فکر کردن را. و آن تفکر است که ارزش ماندگار دارد.

به نظر من: کندتر بروید. بیشتر بگردید. پس از آن تصمیم بگیرید.😎

#هوش_مصنوعی #طراحی_محصول
#توسعه #هوش_مصنوعی_در_دیزاین
#تفکر_دیزاین

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

✨راهنمای کامل رزومه نویسی از استراتژی تا بهینه‌سازی ATS

امروز داشتم فایل‌های لپ‌تاپم را مرتب می‌کردم که به این فایل برخوردم.
فکر کردم شاید به اشتراک گذاشتنش برای خیلی از شما مفید باشد؛ مخصوصاً این روزها که افراد زیادی در جستجوی فرصت‌های شغلی جدید هستند.

این فایل یک راهنمای جامع رزومه‌نویسی است؛ از استراتژی‌های ساخت یک رزومه مؤثر گرفته تا نکات بهینه‌سازی برای سیستم‌های ATS.

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

در واقع ATS یا Applicant Tracking System (سیستم مدیریت و غربالگری متقاضیان) نرم‌افزاری است که بسیاری از شرکت‌ها برای بررسی اولیه رزومه‌ها از آن استفاده می‌کنند. این سیستم رزومه‌ها را بر اساس کلمات کلیدی، مهارت‌ها، سوابق شغلی و میزان تطابق با شرح موقعیت شغلی ارزیابی می‌کند.

به همین دلیل، داشتن یک رزومه خوب فقط به طراحی ظاهری یا سابقه کاری محدود نمی‌شود؛ بلکه باید به شکلی نوشته شود که ATS هم بتواند اطلاعات آن را به‌درستی بخواند و تحلیل کند.
امیدوارم برایتان مفید باشد.

#رزومه_نویسی

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

✨آنتروپیک از Claude Fable 5 رونمایی کرد

مدلی که به گفته این شرکت، قدرتمندترین مدل عمومی آن‌ها تا امروز است و در رده Mythos-class قرار می‌گیرد؛ سطحی حتی بالاتر از Opus.

🟡بر اساس ادعاهای منتشرشده، Fable 5 توانسته وظایف بسیار پیچیده‌ای را انجام دهد؛ از مهاجرت میلیون‌ها خط کد که معمولاً به ماه‌ها کار یک تیم کامل نیاز دارد، تا تحلیل‌های پیشرفته بصری و حتی کمک به تحقیقات دارویی با سرعتی که در برخی موارد تا ۱۰ برابر بیشتر از متخصصان انسانی گزارش شده است.

🟡تمرکز اصلی Fable 5 روی اجرای کارهای طولانی و چندمرحله‌ای است؛ از تحلیل داده‌ها و مدیریت فایل‌ها گرفته تا اجرای Workflowهای پیچیده در Claude Code. هدف این است که مدل فقط پاسخ ندهد، بلکه بتواند برنامه‌ریزی کند، اجرا کند و خروجی خود را ارزیابی کند.

🟡نکته جالب اینکه آنتروپیک برای حوزه‌های حساس مانند امنیت سایبری، زیست‌شناسی و شیمی، در برخی موارد درخواست‌ها را به مدل محدودتر Opus 4.8 منتقل می‌کند تا کنترل‌های ایمنی بیشتری اعمال شود و خطر سوءاستفاده کاهش یابد.

🟡هزینه استفاده از Claude Fable 5 برابر با ۱۰ دلار به ازای هر میلیون توکن ورودی و ۵۰ دلار به ازای هر میلیون توکن خروجی اعلام شده است.

🟡این مدل از طریق Claude API و Claude.ai در دسترس قرار گرفته و تا ۲۲ ژوئن برای کاربران پلن‌های Pro و Max نیز ارائه می‌شود.

✔️ به نظر می‌رسد رقابت بعدی در دنیای هوش مصنوعی دیگر فقط بر سر «مدل‌های بهتر» نباشد؛ بلکه بر سر «ایجنت‌هایی» باشد که بتوانند پروژه‌های پیچیده‌تر و طولانی‌تری را به‌صورت مستقل انجام دهند.

+ اطلاعات بیشتر

#هوش_مصنوعی #خبر #Claude

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

پست جدید Andy Polaine در لینکدین برام جالب و قابل تامل بود:

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

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

نمی‌دانم اگر قانون مجبورشان کند توکن‌هایی را که صرف حرف‌های بی‌ربط و اشتباه کرده‌اند پس بدهند، مدل‌های کسب‌وکاری که همین الان هم غیرقابل‌باور به نظر می‌رسند، چقدر زودتر ورشکست می‌شوند؟»

🟡🟡🟡🟡🟡🟡🟡🟡🟡🟡🟡

🌱به نظرم سوال خیلی جالبی بود که میشه بهش فکر کرد، من خودم به یه همچین جوابی رسیدم، به‌نظرم فرق بزرگ اینجاست که تو محصول فیزیکی، «عدم تطابق با هدف» یک نقص محسوب می‌شود، اما تو هوش مصنوعی، همان «خطا کردن» جزو ذات محصول فروخته شده تعریف شده! انگار نه یک باگ، بلکه یک ویژگی است. تا وقتی خود شرکت‌ها تشخیص «توهم» را به‌عنوان یک نقص بپذیرند، هیچ قانونی هم نمی‌تواند کاری کند. فقط وقتی ضربه به جیب‌شان بخورد، تازه یادشان می‌افتد که «دقت» هم می‌تواند یک سرویس باشد، نه یک ادعای تبلیغاتی.

شما هم بهش فکر کنید🎁

#هوش_مصنوعی #پرسشگری

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

در حالی که ما آرام و پیوسته داریم در کنار کارها خودمون رو بروز می‌کنیم🙃
در کمتر از ۲۴ ساعت از انتشار Claude Fable 5 طراحان محصول شروع کردند به تست کردن و خروجی گرفتن
و البته نوشتن مقالات جدیدشون، و انتشار تجربیاتشون با بقیه😁😎

🟡Claude Fable 5 for Product Designers
🟡Claude Fable 5 UI/UX One-Shots - 5 Tests

تازه‌ترین تست روی Fable 5 سه حوزه رو بررسی انجام شده:
🟢Rapid prototyping
🟢Motion Design Refinement
🟢Visual Audit & Functional Audit

نتیجه؟ مدل در تولید پیش‌نویس اولیه عالی عمل می‌کنه، اما ۲۰٪ نهایی همچنان بر عهده طراحه. جالب‌تر اینکه Fable 5 تو بهبود موشن و Auditها ، عملکردش از نسخه‌های قبل چشمگیرتر بوده.

#هوش_مصنوعی #طراحی_محصول #Claude

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

✨افزونه جدید و کاربردی فیگما

از این به بعد می‌توانید وب‌سایت‌های مورد نظر خود را مستقیماً کپی/پیست کرده و آن‌ها را به لایه‌های کاملاً قابل ویرایش در Figma (البته برای پلن‌های غیررایگان) تبدیل کنید؛ آن هم فقط با استفاده از یک افزونه کروم.

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

📱لینک افزونه کروم فیگما

همچنین اعلام شده که به‌زودی امکان بهره‌گیری بر اساس دیزاین سیستم اختصاصی هر تیم هم به این ابزار اضافه خواهد شد؛

⭕️در حال حاضر می‌تونید به میزان محدود از این افزونه کاربردی هم استفاده کنید.
html.to.design

#فیگما #افزونه

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

سال‌هاست طراحان محصول دیجیتال همیشه ایده‌های خلاقانه و جذابی برای ساختن داشتند؛ ایده‌هایی که بعضی وقت‌ها فقط به خاطر فاصله با دنیای توسعه و محدودیت‌های دانش فنی، هیچ‌وقت فرصت اجرا پیدا نمی‌کردند.

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

این روزها نمونه‌های زیادی از این موج جدید می‌بینیم و به نظرم این یکی از امیدوارکننده‌ترین تغییرات برای آینده Product Design است؛ جایی که مرز بین «ایده‌پردازی» و «ساختن» هر روز کم‌رنگ‌تر می‌شود.

چند روز پیش یکی از همین نمونه‌ها را در لینکدین سجاد تهامی دیدم که برایم جالب بود و فرصتی شد که تستش کنم؛
پروژه‌ای به اسم Uxino. یک MVP که فقط در ۳ روز و با کمک ابزارهایی مثل Gemini، Claude و Codex از ایده به نسخه لانچ رسیده.

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

اگر مسیر ساخت محصول با AI یا تجربه‌های واقعی لانچ برایتان جذاب است، فکر می‌کنم خواندن تجربه‌های سجاد در لینکدینش و تست کردن Uxino برایتان جذاب باشه.👏

🟢https://uxino.ir/

🟡این یک تبلیغ نیست، یک حمایت دوستانه از سوده دیزاین است
❤️حمایت از فعالیت‌های ارزشمند جامعه دیزاین، را فراموش نکنیم

#طراحی_محصول #هوش_مصنوعی

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

از آن ایده‌های کوچک و خلاقانه‌ای که از دلِ نیاز روزمره بیرون می‌آیند😎

یک افزونه‌ی کاربردی برای مرورگر کروم که امکان میدهد محصولات را از سراسر وب ذخیره کنیم. به نظرم جالب و واقعاً کاربردی است.

📱 منبع

🟢 سرویس‌های مشابه:
https://optara.shop/
https://www.mmmmood.com/

#ایده #طراحی_محصول

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

📚 کتاب رایگانِ روانشناسی طراحی محصول

این کتاب یه منبع فوق‌العاده‌ست برای درک اینکه آدم‌ها چطور فکر می‌کنن، قضاوت می‌کنن، اعتماد می‌کنن، چیزها رو به خاطر می‌سپارن و تصمیم می‌گیرن. ولی فقط هم به این ختم نمی‌شه؛ Wouter de Bres.، نویسنده کتاب، خیلی قشنگ توضیح داده که مکانیزم‌های رابط‌های کاربری چطور ادراک و رفتار ما رو شکل می‌دن، و جالب‌تر اینکه خودِ تیم و فضای کاری‌تون هم مستقیماً روی خروجی نهایی تأثیر می‌ذاره.

چیزی که در این کتاب جالب هست، اینه که نویسنده، فقط به تأثیر روانشناسی روی کاربران اشاره نکرده، بلکه رفته سراغ خودِ طراحان محصول و اینکه اون‌ها چطور تجربه کاربری رو می‌سازن. در واقع هم ذهن کاربر رو براتون باز می‌کنه، هم ذهن خودتون رو بهتون نشون می‌ده.

🟢 لینک مشاهده رایگان:
https://productdesignpsychology.com/

+ منبع تکمیلی

#کتاب #طراحی_رفتار #طراحی_محصول

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

معرفی DesignMD: تحولی در نحوه‌ی استایل‌دهی با هوش مصنوعی

اگه از اون دسته توسعه‌دهنده‌هایی هستین که با ابزارهای کدنویسی هوش مصنوعی مثل Claude یا Cursor کار می‌کنین، حتماً می‌دونین که چقدر چالش‌برانگیزه که خروجی‌های این ابزارها از نظر ظاهری و طراحی یکدست و حرفه‌ای باشن.

این مشکل دیگه تمومه! با سرویس DesignMD آشنا بشین.

سرویس DesignMD یه کتابخونه‌ی رایگان از دیزاین سیستم‌های (Design Systems) آماده‌ست که به فرمت اختصاصی DESIGN.md هستن. این فرمت که توسط گوگل معرفی شده، در واقع یه فایل مارک‌داون ساده‌ست که ابزار کدنویسی هوش مصنوعی شما می‌تونه اون رو بخونه و بر اساس اون، یه رابط کاربری (UI) یکدست و هماهنگ براتون بسازه.

🤓کاربردش چیه و چطور به کارمون می‌اد؟

فرقی نداره که دارین روش Vibe Coding یه پروژه‌ی شخصی رو جلو می‌برین یا با Agentic Coding دارین یه SaaS بزرگ می‌سازین. با DesignMD:

۱. دیگه نگران استایل دهی نباشین: به جای اینکه هر بار به هوش مصنوعی بگین "این دکمه رو آبی کن، اون متن رو درشت کن"، فقط کافیه یه دیزاین سیستم آماده رو بهش معرفی کنین.
۲.سرعتتون چند برابر میشه: دیگه وقتتون رو صرف تنظیم دقیق استایل‌ها نکنین. روی منطق و هسته‌ی پروژه‌تون تمرکز کنین.
۳. ظاهر کارتون همیشه حرفه‌ای است: با استفاده از دیزاین سیستم‌های معتبر، خروجی‌هاتون دیگه شبیه به کدهای آزمایشی و بی‌قاعده نمیشه و ظاهری استاندارد و چشم‌نواز داره.

🟡لینک سرویس:
👉 https://designmd.ai/


#هوش_مصنوعی #دیزاین_سیستم #طراحی_محصول

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

🪙معرفی سرویس getdesign.md
مرجعی حرفه‌ای از دیزاین سیستم‌های UI برای ابزارهای هوش مصنوعی

اگر از Claude، Cursor یا سایر ابزارهای هوش مصنوعی برای تولید کد و طراحی استفاده می‌کنید، این سرویس به کارتان می‌آید:

✅ تحلیل صدها دیزاین سیستم از برندهای مطرح جهان
✅دسته‌بندی شده بر اساس صنعت (خودرو، فناوری، رمزارز، مالی و...)
✅ مناسب برای پرامپت‌نویسی و خروجی‌گیری بهتر از AI
✅مبتنی بر استاندارد DESIGN.md گوگل

✨ نمونه برندها: Apple، Airbnb، SpaceX، Spotify، Notion، Vercel، Claude، Cursor

🟡لینک سرویس:
https://getdesign.md

⛏️ روش کار هم خیلی ساده است:
کافیه توی هر کدوم از این نمونه‌ها برید، گزینه Design.md رو بزنید و کد متنی Markdown اش رو کپی کنید و توی قسمت تو بخش any other notes دیزاین سیستم مثلا Claude design ‌اتون اضافه کنید و تمام.


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

#هوش_مصنوعی #دیزاین_سیستم #طراحی_محصول

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

🔔معرفی Claude Tag: همکاری تیمی هوشمند با Claude در Slack

شرکت Anthropic از قابلیت جدیدی با نام Claude Tag رونمایی کرده است که تجربهٔ همکاری با دستیار هوش مصنوعی را در محیط‌های تیمی متحول می‌سازد.

در این رویکرد، کلود به‌عنوان عضوی از تیم به Slack اضافه می‌شود و با دسترسی به کانال‌ها و ابزارهای تعیین‌شده، امکان واگذاری وظایف را بدون نیاز به توضیحات مکرر فراهم می‌آورد. کاربران با تگ کردن @Claude می‌توانند درخواست‌هایی نظیر نگارش یا ادغام درخواست‌های Pull Request، تحلیل داده‌های پیچیده یا عیب‌یابی و حل مشکلات سیستمی را به آن محول کنند.

🟢مزایای کلیدی Claude Tag:

✅یادگیری زمینه‌محور: کلود با حضور مستمر در کانال، بافت و پیشینهٔ کار را درک می‌کند و نیازی به توضیح مجدد موضوعات از ابتدا نیست. همچنین در صورت اخذ مجوز، از سایر کانال‌ها و منابع داده نیز اطلاعات کسب می‌کند.

✅عملکرد مبتکرانه: با فعال‌سازی حالت محیطی (Ambient)، کلود به‌طور خودکار موضوعات مهم، مباحث راکد و اطلاعات مرتبط را از میان کانال‌ها و ابزارهای متصل شناسایی و گزارش می‌دهد.

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

✅حافظهٔ مستقل در هر کانال: هر کانال دارای هویت و حافظهٔ مجزایی برای کلود است و اطلاعات کانال‌های خصوصی به‌اشتراک گذاشته نمی‌شود.


نسخهٔ بتا Claude Tag از امروز برای مشترکین پلن‌های Claude Enterprise و Team در Slack در دسترس است.

🤔 به نظرم این ویژگی واقعاً کاربردی و ارزشمند هست. به نظر میرسه Claude Tag امکان سازماندهی هوشمندانه‌ی گفت‌وگوها و پروژه‌ها رو برای اعضای تیم فراهم کنه و دیگه نیازی به مرور چت و پیام‌های زیاد برای پیدا کردن یک موضوع خاص نیست. این ابزار ساده اما قدرتمند، تجربهٔ کار با کلود را از یک رابط چت معمولی، به فضایی حرفه‌ای و شبیه به یک محیط کار واقعی ارتقا داده که واقعا عالیه😎


⭕️ به نظرم حتی اگه به دلایل مختلف به این سرویس دسترسی ندارید، اما برای اینکه در بازار کار و ارتباطات تیمی نوین در سازمان‌ها بروز باشید در جریان این بروزرسانی‌ها قرار بگیرید.

#هوش_مصنوعی #همکاری_تیمی #مدیریت_محصول

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

اگر یک طراح محصول یا UI/UX دیزاینر هستید و از Figma برای دیزاین سیستم خود استفاده میکنید، و به دنبال راهی بهتر برای ساخت و مدیریت رنگ‌های پایه‌تان می‌گردید: پلاگین Colour Curver Figma الان به‌صورت زنده در دسترس است 🥳.

می‌توانید از این پلاگین برای وارد کردن پالت Colour Curver خودتان (یا هر پالت عمومی دیگر) به‌عنوان متغیر در فایل‌های Figma استفاده کنید.

💎پلاگین را از اینجا دانلود کنید

🟡پالت‌های عمومی Colour Curver را از اینجا ببینید:
https://www.colourcurver.com/palettes

برای پالت‌های خصوصی، حتماً ابتدا آن‌ها را منتشر کنید و توکن خود را در آدرسی که در پلاگین وارد می‌کنید قرار دهید. دستورالعمل‌ها را هنگام کلیک روی دکمه «Use in design» در صفحه پالت دنبال کنید.

#پلاگین #فیگما

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh

📱قابلیت‌های جدید هوش مصنوعی که در Figma Config 2026 رونمایی شد

فیگما در رویداد شب گذشته Config 2026 مجموعه‌ای از قابلیت‌های جدید و پیشرفته مبتنی بر هوش مصنوعی را معرفی کرده است که هدف آن‌ها ارتقای سطح خلاقیت و یکپارچه‌سازی فرآیند دیزاین و توسعه است. مهم‌ترین این قابلیت‌ها عبارتند از:

🟡پلاگین‌های تولیدی (Generative Plugins): کاربران اکنون می‌توانند بدون نیاز به دانش کدنویسی و تنها با استفاده از پرامپت‌های متنی، پلاگین‌های اختصاصی خود را بسازند. این پلاگین‌ها مستقیماً در پنل تنظیمات فایل ذخیره شده و قابل اشتراک‌گذاری با تیم هستند.

+ ویدیو تکمیلی

🟡لایه‌های کد (Code Layers): این ویژگی به طراحان اجازه می‌دهد تا قدرت کامل کد را به بوم طراحی فیگما بیاورند . کاربران می‌توانند مخازن GitHub را وارد کرده یا از Figma Agent بخواهند تا طرح‌های استاتیک را به لایه‌های کد تعاملی تبدیل کند. همچنین امکان مقایسه نسخه‌های مختلف کد در کنار هم فراهم شده است.

+ منبع تکمیلی

🟡پلتفرم Figma Weave: این ابزار که یک محیط کاری مبتنی بر(Node-based) است، اجازه می‌دهد چندین مدل هوش مصنوعی (مانند تولید تصویر، ویدیو و سه بعدی) را به هم متصل کرده و جریان‌های کاری پیچیده و تکرارپذیر برای تولید محتوای بصری ایجاد کنید.

+ ویدیو تکمیلی

🟡شیدرها و جلوه‌های بصری (Shaders): با کمک ایجنت فیگما، طراحان می‌توانند شیدرهای اختصاصی، گرادینت‌های مش (Mesh Gradients) و افکت‌های بصری پیچیده مانند شیشه، تاری پیش‌رونده و اعوجاج لنز را تنها با توصیف متنی یا آپلود تصویر مرجع بسازند.

+ ویدیو تکمیلی

🟡هوش مصنوعی در Figma Motion: در قابلیت جدید موشن، هوش مصنوعی می‌تواند در ساخت انیمیشن‌ها کمک کند؛ مثلاً با انتخاب چند لایه و دادن پرامپتی مانند "تصاویر را فید-این کن"، ایجنت به طور خودکار کی‌فریم‌ها و زمان‌بندی‌ها را روی تایم‌لاین ایجاد می‌کند.

+ ویدیو تکمیلی

🟡مهارت‌های اختصاصی ایجنت (Custom Agent Skills): کاربران می‌توانند پرامپت‌های پرکاربرد خود را به دستورات اسلش (Slash commands) تکرارپذیر تبدیل کنند. این مهارت‌ها می‌توانند برای کارهایی مثل تست کاربر، بررسی انطباق با دیزاین سیستم یا اتوماسیون وظایف روتین استفاده شوند.

+منبع تکمیلی

🟡کانکتورها (Connectors): ایجنت فیگما اکنون از اتصال به ابزارهایی مانند Notion، Slack، GitHub، و Jira پشتیبانی می‌کند تا کانتکست و داده‌های پروژه‌ها را مستقیماً وارد محیط طراحی کند.

+ ویدیو تکمیلی

علاوه بر این موارد، فیگما اعلام کرده است که در آینده نزدیک ایجنت‌های هوشمند برای FigJam و Figma Slides نیز در دسترس قرار خواهند گرفت. تمامی این ابزارها در حال حاضر در نسخه بتای باز یا بسته عرضه شده‌اند تا مرز بین دیزاین و مهندسی را کمرنگ‌تر کنند.

⭕️درخواست دسترسی زودهنگام به آپدیت‌های جدید فیگما:
figma.com/config-betas

📹 فیلم کامل رویداد Config 2026

#Config2026 #هوش_مصنوعی #فیگما

🫶@SodehDesign
🔘 Sodeh.me
👩🏻‍💻 https://linktr.ee/irSodeh