Figma: طراحی ، نمونه اولیه و همکاری در سراسر شرکت

فیگما

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

قسمت دشوار این است که من این کار را از ماکت های ساده یک پلت فرم نمونه سازی اختصاصی انجام می دهم. اگرچه این یک بستر مناسب برای تجسم و طراحی است ، اما به راحتی به HTML5 و CSS3 ترجمه نمی شود. تمام تکرارهای دیگر را اضافه کنید و روزهای من با کندی پیشرفت کاملا ناامید کننده هستند.

یک بخش از معما این است که آژانس طراحی به سادگی نمونه های اولیه را تحویل می دهد ، بدون اینکه هیچ نوع سبک اصلی ارائه دهد ... بنابراین ما در تلاش هستیم که با صادرات نمونه های اولیه به بالون، و سپس ترجمه CSS به وردپرس. تعداد مراحل لازم و فاصله بین سیستم عامل ها آن را به یک فرآیند دشوار تبدیل می کند. نیازی به گفتن نیست که سعی در ساده سازی پیچیدگی ها برای سرعت و مقیاس پذیری دارد

فیگما

فیگما بسیاری از این کارها را با بستری متمرکز می کند که امکان طراحی ، بازخورد و همکاری در بین اعضای تیم شما را فراهم می کند ، از جمله:

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

فیگما برخی از ویژگی های منحصر به فرد را دارد:

  • عملیات بولی - با چهار فرمول: اتحاد ، تفریق ، تقاطع و حذف ، می توانید مجموعه ای از لایه های شکل را با دقت ترکیب کنید.
  • اجزاء - سریعتر و سازگارتر با عناصر قابل استفاده مجدد و مقیاس پذیر در میان پرونده های خود بسازید. به لایه ها در هر نمونه دسترسی پیدا کنید تا بتوانید بصورت بصری متن و تصاویر را بصورت درون ریز ویرایش و لغو کنید.
  • محدودیت ها - طراحی خود را متناسب با هر اندازه صفحه نمایش با ثابت کردن اشیا to در یک قاب اصلی ، جدا کردن شی به شبکه یا حتی با ایجاد اجزای مقیاس بندی کنید.
  • قاب های دستگاه - طرح های خود را در محیط های مناسب ارائه دهید. حتی می توانید بین حالت عمودی و افقی نیز انتخاب کنید.
  • تداخلات - با تعریف فعل و انفعالات با کلیک ، هنگام شناور ، هنگام فشار دادن و موارد دیگر ، نمونه های اولیه خود را زنده کنید.
  • پوشش - با موقعیت نسبی و دستی شما کنترل کاملی بر روی محل و چگونگی ظاهر شدن پوشش ها دارید.
  • پیکسل-کمال - ویرایش تعاملی 60 فریم در ثانیه ، پیش نمایش و صادرات فوق العاده واضح ، کاملاً پیکسلی را برای شما به ارمغان می آورد.
  • نمونه سازی - با اتصال صفحه ها و افزودن عناصری مانند فعل و انفعالات ، انتقال ها ، پوشش ها و موارد دیگر ، به سرعت جریان ایجاد کنید. به جای همگام سازی با سایر ابزارها ، برای دریافت بازخورد به سادگی یک URL را به اشتراک بگذارید.
  • طراحی پاسخگو - طرح های خود را کشیده و ببینید که آنها چگونه به تغییرات اندازه صفحه پاسخ می دهند.

نمونه سازی پاسخگو

  • پیمایش - پیمایش افقی ، عمودی یا هر جهت را در اشکال منفرد یا کل قاب والدین فعال کنید.
  • سبک - همگام سازی رنگ ها ، متن ، شبکه ها و جلوه ها در تمام پروژه های خود. سبک های نوشتاری کمتری را حفظ کنید و طرح های خود را در بین دستگاه های مختلف با سبک های شبکه منحصر به فرد Figma هماهنگ کنید.
  • کتابخانه های تیمی - م componentsلفه ها و سبک ها را در Figma به اشتراک بگذارید - نیازی به درایوهای مشترک یا ابزارهای اضافی نیست. شما و تیمتان نحوه و زمان تغییرات را با گردش کار ساده انتشار کنترل می کنید.
  • شبکه های برداری - Figma ابزار قلم را بصری تر ایجاد کرده است ، و امکان دستیابی مستقیم با حفظ سازگاری به عقب با مسیرها را فراهم می کند.

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

با Figma شروع کنید

فیگما مجموعه بسیار خوبی از آموزشها را در اختیار شما قرار می دهد کانال یوتیوب، در اینجا یک فیلم شروع می شود:

فیگما به توسعه دهندگان امکان بازرسی ، کپی ، صادرات دارایی و کپی CSS را مستقیماً از پرونده طراحی می دهد. شما همچنین می توانید گردش کار موجود خود را با یکپارچه سازی ، از جمله فعال کنید بالون, آووکد, سرو, Dropbox به, ProtoPieو اصل برای مک. آنها همچنین دارای یک API قوی هستند.

Figma را به صورت رایگان امتحان کنید

شما چه فکر میکنید؟

این سایت از Akismet برای کاهش هرزنامه استفاده می کند. بدانید که چگونه نظر شما پردازش می شود.