Design Stuff

🧳 وقتی تازه‌کار هستی، شاید رزومه‌ت، کلید گرفتن پروژه‌های بعدی باشه، اما وقتی اولین پروژه‌ت رو گرفتی، تعهد و مسئولیت‌پذیریته که باعث میشه پروژه‌های بعدی رو بگیری... توی دومین قسمت از سری گفت‌وگوهای «در مسیر حرفه‌ای شدن» گرولی، درباره تجربه‌هام از پروژه گرفتن، تعامل با کارفرما و استفاده از AI صحبت کردیم؛ چیزهایی که خودم در این مسیر تجربه کردم و فکر میکنم میتونه برای بقیه هم مفید باشه. 🧑‍💻 اگه فریلنسر هستید یا دنبال گرفتن پروژه‌های بهتر و حرفه‌ای‌تر شدن توی مسیر کاری‌تون هستید، پیشنهاد میکنم این گفت‌وگو رو بشنوید. 🎧 نسخه صوتی و مکتوب این گفت‌گو در گروه کامیونیتی محصول گرولی در تلگرام منتشر شده. 🌿 برای عضویت در کامیونیتی محصول گرولی،‌ میتونید به پشتیبانی گرولی @growlyir پیام بدید. #Interview 🟡 @Design_Stuffs

📱 آکادمی آموزشی Claude معرفی شد آنتروپیک، یه پلتفرم آموزشی برای یادگیری Claude و AI راه‌اندازی کرده که فرقی نمیکنه تازه می‌خواید وارد دنیای AI بشید یا هر روز با Claude کار میکنید؛ برای سطوح مختلف مسیر آموزشی جدا داره. 📌 دوره‌ها و آموزش‌ها کاملاً رایگانن و میتونید از اینجا شروع کنید: 🔗 https://academy.claude.com #Tutorial #AI 🟡 @Design_Stuffs

اگه برای طراحی رابط کاربری دنبال پس‌زمینه‌های مینیمال و حرفه‌ای هستید، این ابزار رو از دست ندید. وب‌سایت Nucleo یه ابزار رایگان، ساده اما کاربردی برای پترن‌‌های SVG هست. توی چند ثانیه برای هیروسکشن، لندینگ‌پیج، داشبورد یا صفحه‌های خالی، پترن‌های متنوع بسازید. می‌تونید چند پترن رو با هم ترکیب کنید، رنگ و شفافیتشون رو تغییر بدید، همون لحظه نتیجه رو ببینید و در نهایت خروجی SVG آماده بگیرید و مستقیم داخل پروژه استفاده کنید. https://nucleoapp.com/svg-patterns #Tools #Pattern 🟡 @Design_Stuffs

✨ اگر در حوزه Product، Design یا AI فعالیت میکنید، این رویداد رو از دست ندید. از ۳ تا ۷ آگوست، Product School، رویداد آنلاین و رایگان AI Builder Week 2026 رو برگزار میکنه؛ مجموعه‌ای از ورکشاپ‌های عملی درباره ساخت محصولات مبتنی بر هوش مصنوعی. توی این رویداد، بیشتر از ۱۰ ورکشاپ عملی برگزار میشه که به‌جای صرفا حرف زدن درباره AI، روی ساختن محصول با AI تمرکز دارن. چیزی که به نظرم این رویداد رو ارزشمندتر میکنه، حضور مدیران و رهبران محصول از شرکت‌هایی مثل Stripe، Slack، Datadog، Replit، Typeform و Bolt هست که تجربه‌های واقعی‌شون رو به اشتراک میذارن. 🔗 ثبت‌نام در رویداد #Events #Ai 🟡 @Design_Stuffs

✨ اگر در حوزه Product، Design یا AI فعالیت میکنید، این رویداد رو از دست ندید. از ۳ تا ۷ آگوست، Product School، رویداد آنلاین و رایگان AI Builder Week 2026 رو برگزار میکنه؛ مجموعه‌ای از ورکشاپ‌های عملی درباره ساخت محصولات مبتنی بر هوش مصنوعی. توی این رویداد، بیشتر از ۱۰ ورکشاپ عملی برگزار میشه که به‌جای صرفا حرف زدن درباره AI، روی ساختن محصول با AI تمرکز دارن. چیزی که به نظرم این رویداد رو ارزشمندتر میکنه، حضور مدیران و رهبران محصول از شرکت‌هایی مثل Stripe، Slack، Datadog، Replit، Typeform و Bolt هست که تجربه‌های واقعی‌شون رو به اشتراک میذارن. 🔗 ثبت‌نام در رویداد #Events #Ai 🟡 @Design_Stuffs

بزرگ‌ترین مشکل بعضی از سرویس‌های آنلاین ایرانی، نداشتن تعهد به مشتری هر روز از تحول دیجیتال، اعتماد به سرویس‌های ابری و مهاجرت کسب‌وکارها به ابزارهای آنلاین صحبت می‌کنیم. اما یک سؤال اساسی وجود داره: اگر فردا این سرویس از کار بیفته، چه کسی پاسخگوی مشتریه؟ متأسفانه وین‌ساین فقط یک مثال از این ماجراست. سرویسی که ما و بسیاری از کسب‌وکارها، قراردادها و اسناد مهم خودشون رو بهش سپردیم، اما مدت‌هاست که کاربران از نبود پاسخگویی گلایه دارن. نه اطلاع‌رسانی شفافی انجام میشه، نه پاسخ روشنی به مشتری داده میشه. حتی شماره تلفنی که به‌عنوان پشتیبانی وین‌ساین معرفی شده، امروز به یک مؤسسه کنکور تعلق داره. اگر این وضعیت موقتی نیست، سؤال اینجاست که مشتری دقیقاً از چه طریقی باید پیگیر حقوق خودش باشه؟ البته این مشکل فقط محدود به وین‌ساین نیست. همه‌ی ما نمونه‌های مشابهی دیدیم. سرویس‌هایی که پس از جذب مشتری، به مرور با ضعف پشتیبانی، مشکلات فنی و اختلال‌های طولانی، در نهایت باعث آزار کاربران شدن‌. اعتماد بزرگ‌ترین سرمایه یک کسب‌وکار آنلاینه. کاربر فقط هزینه اشتراک پرداخت نمیکنه؛ اطلاعات و بخشی از فرایند کسب‌وکارش رو هم به شما میسپاره. اگر روزی نتونستید به هر دلیلی سرویس رو ادامه بدید، حداقل انتظار اینه که شفاف اطلاع‌رسانی کنید و پاسخگوی مشتری باشید. 🟡 @Design_Stuffs

بزرگ‌ترین مشکل بعضی از سرویس‌های آنلاین ایرانی، نداشتن تعهد به مشتری هر روز از تحول دیجیتال، اعتماد به سرویس‌های ابری و مهاجرت کسب‌وکارها به ابزارهای آنلاین صحبت می‌کنیم. اما یک سؤال اساسی وجود داره: اگر فردا این سرویس از کار بیفته، چه کسی پاسخگوی مشتریه؟ متأسفانه وین‌ساین فقط یک مثال از این ماجراست. سرویسی که ما و بسیاری از کسب‌وکارها، قراردادها و اسناد مهم خودشون رو بهش سپردیم، اما مدت‌هاست که کاربران از نبود پاسخگویی گلایه دارن. نه اطلاع‌رسانی شفافی انجام میشه، نه پاسخ روشنی به مشتری داده میشه. حتی شماره تلفنی که به‌عنوان پشتیبانی وین‌ساین معرفی شده، امروز به یک مؤسسه کنکور تعلق داره. اگر این وضعیت موقتی نیست، سؤال اینجاست که مشتری دقیقاً از چه طریقی باید پیگیر حقوق خودش باشه؟ البته این مشکل فقط محدود به وین‌ساین نیست. همه‌ی ما نمونه‌های مشابهی دیدیم. سرویس‌هایی که پس از جذب مشتری، به مرور با ضعف پشتیبانی، مشکلات فنی و اختلال‌های طولانی، در نهایت باعث آزار کاربران شدن‌. اعتماد بزرگ‌ترین سرمایه یک کسب‌وکار آنلاینه. کاربر فقط هزینه اشتراک پرداخت نمیکنه؛ اطلاعات و بخشی از فرایند کسب‌وکارش رو هم به شما میسپاره. اگر روزی نتونستید به هر دلیلی سرویس رو ادامه بدید، حداقل انتظار اینه که شفاف اطلاع‌رسانی کنید و پاسخگوی مشتری باشید. 🟡 @Design_Stuffs

نسخه جدیدی از ChatGPT برای تغییر تجربه استفاده از AI معرفی شد! حالا Chat، Work و Codex کنار هم قرار گرفتن تا از تحقیق و برنامه‌ریزی تا ساخت فایل و توسعه نرم‌افزار، همه داخل یک محیط انجام بشه. مدل‌های جدید GPT-5.6 هم برای کارهای پیچیده، برنامه‌ریزی و خروجی‌های آماده‌تر طراحی شدن. به نظرم نکته مهم‌تر خود Work نیست. اپن‌ای‌آی داره مرز بین ابزارهای مختلف رو از بین می‌بره. همون‌طور که فیگما با Motion فاصله بین Design و Animation رو کمتر کرد، حالا ChatGPT هم داره گفتگو، تحقیق، اجرا و توسعه رو داخل یک Workflow واحد میاره. به نظر میاد رقابت آینده کمتر روی «بهترین مدل» باشه و بیشتر روی این باشه که کدوم محصول بخش بیشتری از Workflow روزانه کاربر رو پوشش میده.

🔄 با آپدیت جدید ChatGPT روی ویس‌مدل‌هاش حالا میتونیم مکالمه بسیار انسانی‌تری رو تجربه کنیم! بدون مکث و به صورت همزمان 🔥 🔗 جزییات بیشتر این قابلیت، الان برای تمام کاربران ChatGPT دسترس‌ هست. #Ai 🟡 @Design_Stuffs

اگه صاحب کسب و کار هستین و دغدغه جذب و استخدام دارین و روزانه زمان زیادی رو صرف بررسی رزومه‌ها می‌کنین تا بتونین نیرو‌هایی که مناسب پوزیشن مدنظرتون هستن رو پیدا کنین: «ورک‌مارکر» میتونه بهتون کمک کنه تا با معیار‌هایی که خودتون از پیش تعریف کردین، رزومه‌های دریافتی رو براتون به طور اتوماتیک بررسی و تحلیل کنه و درنهایت با صرف زمان‌ کمتر و با دقت بیشتر، بهترین و مناسبت‌ترین کاندیدا‌ها رو برای اون موقعیت شغلی پیدا کنین ✌ برای دیدن قابلیت‌های بیشتر و استفاده رایگان، کافیه روی لینک زیر کلیک کنین: 🔗 https://workmarker.com پ.ن: برای دوستاتون که صاحب کسب و کارن و یا در تیم منابع انسانی کار میکنن، بفرستین 👍 #Jobs 🟡 @Design_Stuffs

با قابلیت جدید Code on the Figma Canvas حالا میشه مستقیم داخل Canvas فیگما با کد کار کرد. دیگه کد فقط یه خروجی بیرونی نیست؛ تبدیل شده به یه لایه واقعی از طراحی، درست کنار UI و کامپوننت‌ها. یعنی به‌جای اینکه “طراحی → کد” داشته باشیم، کم‌کم داریم میریم سمت یه حالت ترکیبی: “طراحی + کد” روی یک بوم مشترک. نکته مهم اینه که این کدها فقط برای نمایش نیستن؛ میشه باهاشون تعامل ساخت، رفتار تعریف کرد و حتی بخش‌هایی از تجربه محصول رو همون‌جا زنده دید. اما چیزی که جالبه اینه که این مسیر داره یه الگو رو تکرار می‌کنه: هر فیچر جدید فیگما، داره مرز بین ابزارها رو کمتر می‌کنه، نه اینکه یه چیز کاملاً جدید بسازه. در کل، Code on Canvas بیشتر از اینکه یه قابلیت باشه، یه نشونه‌ست از جهت‌گیری فیگما: یه محیط واحد برای طراحی، تعامل و حالا حتی کد. #Tools #Figma 🟡 @Design_Stuffs

این ابزار جدید Figma Weave که معرفی شد هم به نظرم جالب اومد. مهم‌ترین ویژگی اینه که Weave فقط یک ابزار ساده برای گرفتن خروجی از AI نیست. اینجا میشه چند مدل مختلف AI رو کنار هم قرار داد و یک Workflow کامل ساخت؛ جایی که هر مدل یک بخش از فرآیند رو انجام میده. مثلاً یک مدل محتوا تولید کنه، یکی تصویر بسازه، یکی خروجی رو ویرایش کنه و همه این‌ها داخل یک فضای واحد به هم متصل باشن. چیزی که جالبه اینه که فیگما دیگه AI رو فقط به عنوان یک دستیار کوچیک نمی‌بینه، داره سعی می‌کنه یک محیط واقعی برای ساختن با AI ایجاد کنه. در کل حس می‌کنم فیگما کم‌کم داره از یک Design Tool تبدیل میشه به یک Creative Operating System. #Tools #Figma 🟡 @Design_Stuffs

موشن به فیگما اضافه شد. یکی از مهمترین فیچرها و ابزارهای معرفی شده در کانفیگ ۲۰۲۶ فیگما موشن بود. تا امروز برای ساخت انیمیشن و طراحی تعاملات پیشرفته، معمولاً باید بین چند ابزار مختلف جابه‌جا می‌شدیم. حالا فیگما این فاصله رو کمتر کرده و امکان ساخت Motion رو مستقیم داخل همون فضای طراحی آورده. مهم‌ترین ویژگی اینه که حالا میشه با استفاده از Timeline، حرکت عناصر، ترنزیشن‌ها و جزئیات انیمیشن رو با کنترل خیلی دقیق‌تری طراحی کرد؛ چیزی که قبلاً معمولاً بیرون از فیگما انجام می‌شد. قابلیت‌های تعاملی هم پیشرفته‌تر شدن و این یعنی Prototypeها دیگه محدود به چند کلیک ساده نیستن و می‌تونن تجربه‌ای نزدیک‌تر به محصول واقعی شبیه‌سازی کنن. نکته مهم‌تر اینه که فیگما داره کم‌کم مرز بین طراحی UI، پروتوتایپ و موشن رو از بین می‌بره تا همه چیز توی یک Workflow یکپارچه اتفاق بیفته. در کل، اضافه شدن Motion فقط یه قابلیت جدید نیست؛ فیگما داره تبدیل میشه به ابزاری که کل فرآیند طراحی محصول یکجا پوشش میده. #Tools #Figma 🟡 @Design_Stuffs

فریمر ۳ معرفی شد؛ طراحی سایت یه قدم بزرگ به سمت هوشمندتر شدن برداشته. مهم‌ترین تغییرش اضافه شدن Agents هست؛ دستیارهایی که مستقیم روی Canvas کار می‌کنن و می‌تونن لندینگ بسازن، محتوای CMS بنویسن، کامپوننت ایجاد کنن یا ایرادهای سایت رو برطرف کنن، در حالی که کنترل اصلی همچنان دست طراحه. قابلیت Branching هم اضافه شده تا بتونی بدون دست زدن به نسخه اصلی سایت، ایده‌های جدید رو جدا تست کنی و فقط تغییرات موفق رو برگردونی. فریمر یه Community جدید هم معرفی کرده؛ جایی داخل خود Framer برای دیدن کارهای بقیه طراح‌ها، دنبال کردن سازنده‌ها، پیدا کردن منابع و نمایش پروژه‌ها. در کنار این‌ها، External Agents هم اومده تا بشه از ابزارهایی مثل Slack، Terminal، GitHub PR، Codex، Claude Code یا Cursor تغییرات سایت، محتوا یا CMS رو مدیریت کرد. در کل، Framer 3.0 فقط یه آپدیت ظاهری نیست؛ یه قدم جدیه به سمت طراحی سایت هوشمندتر، سریع‌تر و تیمی‌تر. #Tools #Color 🟡 @Design_Stuffs

📱 توی این ویدیو، قابلیت‌های مدل جدید Claude Fable 5 در زمینه طراحی Interface و Front-End بررسی شده. تست‌های جالبی روی این مدل انجام میشه تا ببینیم چقدر در درک مفاهیم بصری و پیاده‌سازی کدها پیشرفت کرده. ⬇️ موارد بسیار جذابِ بررسی‌شده در ویدیو: ・طراحی لندینگ‌پیج‌های مدرن با انیمیشن‌های Scroll-based ・بازسازی طرح‌های پیچیده وب، صرفاً از روی اسکرین‌شات یا آدرس سایت ・استفاده از ایجنت‌های کمکی برای کار با فیگما ・مدرن‌سازی رابط کاربری سایت‌های قدیمی ・تلاش برای بازسازی افکت‌های تعاملی و سه‌بعدی ・در نهایت هم به این موضوع پرداخته میشه که این ابزار چطور میتونه به جای جایگزینی طراحان، سرعت و کیفیت خروجی اون‌ها رو بالا ببره. 📺 Design Course #Tools #Ai 🟡 @Design_Stuffs

چه تمیز و زیبا :))

Reframing a photo after it’s been taken with Spatial Reframing ✨ The new iOS 27 Apple Intelligence feature demo (Beta) #WWDC #iOS27

🐦 Ben Geskin (@BenGeskin) #Tools #Ai 🟡 @Design_Stuffs

این چند وقت سعی کردم نسخه‌ی جدیدی از پلاگین رو براساس یک‌سری چالش‌ها و دغدغه‌های شخصی آماده کنم. این نسخه از پلاگین دو ابزار رنگ با قابلیت‌های کاربردی برای سرعت بخشیدن به ورکفلوهای دیزاین و دیزاین‌سیستم در اختیارتون می‌ذاره. یکی دیگه از مزیت‌های این پلاگین اینه که حتی اگه رنگی هم نداشته باشید، کاربردیه و لازم نیست خیلی درگیر پیدا کردن رنگ بشید. می‌تونید از خود پلاگین بخواید براتون رنگ پیشنهاد بده و پالت بسازه. 🌚 ابزار اول پلاگین برای ساخت رنگ‌های خنثی (Neutral) هست که کمک می‌کنه یک پالت رنگی متعادل براساس حال‌وهوای پروژه یا برندتون بسازید و نیازی نیست هر سری از رنگ‌های تکراری استفاده کنید. 🚦 ابزار دوم پلاگین (جدید)، قابلیت ساخت پالت رنگی وضعیت‌ها (Status) رو براساس رنگ برند یا رنگ اصلی (Primary) در اختیارتون می‌ذاره و کمک می‌کنه کمتر درگیر ساخت پالت‌های رنگی بشید. خوشحال می‌شم تستش کنید و برای بهتر شدنش بهم فیدبک بدید. این رو هم بگم که استفاده از پلاگین رایگانه. دریافت پلاگین #Tools #Color 🟡 @Design_Stuffs

این چند وقت سعی کردم نسخه‌ی جدیدی از پلاگین رو براساس یک‌سری چالش‌ها و دغدغه‌های شخصی آماده کنم. این نسخه از پلاگین دو ابزار رنگ با قابلیت‌های کاربردی برای سرعت بخشیدن به ورکفلوهای دیزاین و دیزاین‌سیستم در اختیارتون می‌ذاره. یکی دیگه از مزیت‌های این پلاگین اینه که حتی اگه رنگی هم نداشته باشید، کاربردیه و لازم نیست خیلی درگیر پیدا کردن رنگ بشید. می‌تونید از خود پلاگین بخواید براتون رنگ پیشنهاد بده و پالت بسازه. 🌚 ابزار اول پلاگین برای ساخت رنگ‌های خنثی (Neutral) هست که کمک می‌کنه یک پالت رنگی متعادل براساس حال‌وهوای پروژه یا برندتون بسازید و نیازی نیست هر سری از رنگ‌های تکراری استفاده کنید. 🚦 ابزار دوم پلاگین (جدید)، قابلیت ساخت پالت رنگی وضعیت‌ها (Status) رو براساس رنگ برند یا رنگ اصلی (Primary) در اختیارتون می‌ذاره و کمک می‌کنه کمتر درگیر ساخت پالت‌های رنگی بشید. خوشحال می‌شم تستش کنید و برای بهتر شدنش بهم فیدبک بدید. این رو هم بگم که استفاده از پلاگین رایگانه. دریافت پلاگین