Figma shahridagi jamoaviy kutubxonalar

Bugun biz jamoalar kutubxonalarini loyihalar bo'ylab almashish uchun beta-versiyasini e'lon qilishdan mamnunmiz. Ushbu nashr bilan biz butun dunyo bo'ylab dizayn tizimini yaratishni, saqlashni va undan foydalanishni osonlashtirish uchun Komponentlar bilan yaratgan poydevorga asoslanamiz. Jamoa kutubxonalari bugungi kunda mahsulotni figma.com saytida olishlari mumkin.

Muammo

Bugungi kunda mahsulot dizaynidagi ko'p tarqalgan muammolar, aksariyat dizayn vositalari an'anaviy bosma dizayn vositalariga taqlid qilish uchun qurilganligidan kelib chiqadi.

Ushbu dasturlarning yadrosi fotosuratlarni tahrirlash, murakkab rasm ishlarini bajarish yoki ularda matnli statik to'rtburchaklar yasash uchun qurilgan. Jismoniy qog'ozda interaktivlik yo'q, shuning uchun ushbu vositalar yordamida ilovalarning rasmlarini chizishingiz mumkin bo'lsa ham, ular dastur turli vaziyatlarda qanday ishlashini hech qachon tushunishmaydi. Statik artboardda amaliy dastur bilan bog'lanish yoki platformaning API-da mavjud bo'lmagan cheklovlardan foydalanish etarli emas.

Eng yomoni, sizning haqiqat manbangiz - bu harakatlanuvchi nishon. Dizayn tizimini yaratishda siz yaxshi hujjat va yaxshi belgilangan belgilar tizimiga ega master-fayldan boshlashingiz mumkin. Bu juda yaxshi boshlanish, lekin ramzlarni bitta fayldan boshqasiga nusxalash bilanoq, ular sinxron emas va ularni faqat qo'lda yangilash mumkin. Endi siz biron bir o'zgartirish kiritishda istalgan vaqtda o'zingizning barcha dizayn hujjatlaringizni qazib olishingiz, ramzlarni almashtirishingiz va ularning ustiga yozib qo'yishingiz mumkin.

Dizaynerlar sifatida bizning vositalar uzluksiz dizayn tizimini yaratish uchun zarur bo'lgan sinxronlashtirilgan va aralash tarkibiy qismlarni qo'llab-quvvatlamaydi.

Bred Frostning Atom Dizayni

Bularning hech biri yangi emas. Dizayn tizimlari bir muncha vaqtdan beri mahsulot dizayni bo'yicha munozarali mavzular bo'lib kelgan. Facebook, Google va Airbnb kabi dunyodagi eng muvaffaqiyatli dizaynerlik jamoalari o'z jamoalariga yanada samarali ishlashiga yordam berish uchun dizayn tizimlariga katta mablag 'sarflashlari sababi bor, chunki dizayn vositalari ishlamayapti. Natijada, ushbu kompaniyalar o'zlarining shaxsiy vositalarini yaratishlari va ushbu tizimlarni saqlash uchun butun vazifasi bo'lgan xodimlarni yollashlariga to'g'ri keldi.

Airbnb-ning Dizayn Til Tizimi

Bo'shliqni to'ldirish

Men jamoaga o'tgan iyun oyida qo'shilishimdan ancha oldin, Figma vizual dizaynni dinamik foydalanuvchi interfeysi dizayniga bog'laydigan vositani yaratish ustida ishlamoqda. Hozircha:

  • Vektorni ishonchli va intuitiv tahrirlash
  • Tizim xatti-harakatini cheklaydigan cheklovlar
  • Qayta foydalaniladigan, dinamik tarkibiy qismlar yuqori darajadagi dizayn tizimlarini shaxsiy darajada amalga oshirishga yordam beradi

Endi biz barcha fayllaringiz va guruh a'zolari uchun tarkibiy qismlarga yaroqli bo'lishi uchun Team Libraries-ning beta-versiyasini chiqarmoqdamiz.

Jamoa kutubxonalari bu nima uchun Figma-ni Internetda yaratganimizning ajoyib namunasidir. Ular sizga fayllar va guruh a'zolari o'rtasida birgalikda, sinxronlashtirilgan qismlardan qayta foydalanish orqali samarali, kengaytiriladigan dizayn tizimlarini yaratishga imkon beradi. Ushbu xususiyat qoidalar va tuzilishga ega sxemalarni tuzishni osonlashtiradi va samaraliroq qiladi, bu turli xil qurilmalar va platformalar uchun tezkor dizayn jarayonini ta'minlaydi. Har doim onlayn bo'lganligi sababli, fayllaringizda sinxronlash vaqti nolga teng.

Figma shahridagi jamoaviy kutubxonalar

Bizning yondashuvimiz

Tizimli dizayn "yoqimtoy" bo'lishdan mahsulot dizaynidagi talabga aylangani kabi, reaktsiya kabi ramkalar orqali diskret, aniq belgilangan qismlardan qilingan amaliy dasturlar muhandislikda ko'proq mashhur bo'ldi. Mahsulot aylanishi aniqroq va barqaror tuzilishga ega bo'lgan butun dunyo uchun foyda keltiradi, shuning uchun biz dizaynerlarga Figma-dagi ushbu ish oqimidan foyda olish uchun ataylab imkoniyat berdik.

Dasturlash printsiplarini dizayn vositasiga qurish oson va quruq emas. Biz bilamizki, ko'pgina dizaynerlar texnik jamoadoshlaridan farqli o'laroq, shuning uchun biz bir nechta muhandislik tushunchalarini oldik va ularni yanada qulayroq qilish uchun ularni yaxshiladik.

U qanday ishlaydi

Xususiyatning yadrosini uchta oddiy bosqichda tavsiflash mumkin: nashr etish, qo'shish va yangilash.

1. Nashr qilish

Dizayn faylida ishlayotganingizda va UI kontseptsiyalarining so'nggi yutuqlarini takrorlashda muqarrar ravishda siz bitta mumkin bo'lgan echimlardan qaysi biri to'g'risida qaror qabul qilish kerak bo'lgan joyga borasiz.

Nihoyat shu narsaga erishganingizda:

  1. Jamoa kutubxonasida mavjud bo'ladigan tarkibiy qismni inspektorning yon panelidagi "Kutubxonaga qo'shish" tugmachasini bosib tanlang.
  2. Fayldan xohlaganingizcha ko'p qism qo'shing.
  3. O'zgarishlaringizni ko'rib chiqing va ularni jamoangizning kutubxonasiga joylashtiring.

Kutubxonani dastlabki fayldan ajratish sizga o'zingizning dizayn tizimingiz uchun haqiqat manbasini o'zgartira oladigan odam uchun ruxsatlarni boshqarishga imkon beradi. Manba faylini tahrirlash huquqiga ega odamlar faqat sizning manbangiz tarkibiy qismlarini o'zgartirishi mumkin, ammo Ko'rish huquqiga ega bo'lgan har kim ushbu fayldagi e'lon qilingan tarkibiy qismlardan foydalanishi mumkin. Shunday qilib, endi sizning ishlab chiqarish dizaynerlaringiz faqat oxirgi belgi aktivlari bilan faylni tahrirlay oladigan va sizning tovar dizaynerlaringiz sizning rangli hujjatlaringizni boshqaradigan yagona guruhdir. Boshqa har kim o'z ishidan foydalanishi mumkin, ammo ular qoidalarni o'rnatolmaydilar.

2. joylashtiring

Kompaniyangizning kutubxonasiga tarkibiy qismlarni qo'shganingizdan so'ng, ular boshlang'ich faylni ko'rishga ruxsat olgan har kimga mavjud. Birgalikda ishlatiladigan tarkibiy qismlar har qanday faylga asboblar panelidagi komponentlar vositasini bosish va kiritiladigan komponent (lar) ni tanlash orqali joylashtirilishi mumkin.

Siz hatto tarkibiy qismlarni joylashtirasiz va ularni jamoa kutubxonasida nashr qilishingiz mumkin. Shu tarzda siz alohida manbali elementlardan modullar qurishingiz mumkin, so'ngra ushbu modullarni yanada murakkab ko'rinish va boshqa fayllar oqimlari bo'ylab qayta ishlatishingiz mumkin. Chuqur joylashtirilgan tarkibiy qismlar yagona haqiqat manbasini ta'minlashni nihoyatda oson va oldindan aytib bo'lmaydigan qiladi.

3. Yangilash

Tovar ko'rsatmalaringiz o'zgarganda va aktivlar yangilanishi kerak bo'lganida nima bo'ladi? Shunchaki mavjud tarkibiy qismdagi o'zgarishlarni amalga oshiring va uni yana e'lon qiling. Tasdiqlash bosqichiga o'tasiz, xuddi birinchi navbatda ularni jamoa kutubxonasiga qo'shganingizda va oxirgi versiyadan farqli ko'rinadigan chiroyli vizual farqni ko'rasiz. Agar siz boshlang'ich faylidagi tarkibiy qismni o'chirib tashlasangiz va ushbu o'zgarishlarni nashr qilsangiz, u holda ushbu komponent jamoaviy kutubxonadan yo'qolishini ko'rasiz, shuning uchun sizning dizayningizning faqat joriy qismlari sizning guruhingiz bilan baham ko'riladi.

Jamoa kutubxonasida tarkibiy qismni o'zgartirish imkoniyati turli xil UI tekshiruvlarida ishlatilganda muammoli bo'lishi mumkin, shuning uchun ishingizni yo'qotmasligingizga ishonch hosil qilish uchun qo'shimcha qadam qo'ydik. Siz boshqa faylda ishlatayotgan tarkibiy qismga o'zgartirish kiritilsa, siz yangilanish to'g'risida ogohlantiruvchi bildirishnomani ko'rasiz. Siz uni qabul qilish-qilmaslikni tanlashingiz mumkin va agar qaror qilmasangiz, uni keyinchalik jamoa kutubxonasi orqali yangilashingiz mumkin.

Xulosa

Aniq va qoidalarga asoslangan dizayn tizimini yaratib, sizning foydalanuvchi interfeysi tarkibiy qismlarini eng sodda shaklda qurish va saqlab turish mumkin va har qanday yangilanishlar tizimning qolgan qismida oldindan aytib bo'ladigan va kaskadli tarzda qo'llaniladi.

Biz bugun beta-versiya sifatida ishga tushirmoqdamiz, chunki uni dunyoga imkon qadar foydalanuvchining fikr-mulohazalariga asoslanib boshlashni istaymiz. Siz hozirda Figma.com saytida jamoaviy kutubxonalarni sinab ko'rishingiz mumkin - shunchaki tarkibiy qism yasang va "Kutubxonaga qo'shish" tugmachasini bosing!

Sizning fikringiz va biz buni sizga va ish jarayoniga qanday qilib yaxshiroq qilishimiz mumkinligini eshitishni istardik.