Figma: Кәсіпорын бойынша жобалау, прототип және ынтымақтастық

Фигма

Соңғы бірнеше айда мен клиент үшін WordPress -тің теңшелген нұсқасын құруға және біріктіруге көмектестім. Бұл стильдеудің теңгерімі, WordPress -ті реттелмелі өрістер, реттелетін пост түрлері, дизайн шеңбері, балалар тақырыбы және реттелетін плагиндер арқылы кеңейту.

Қиын бөлігі - мен мұны меншікті прототиптік платформадан қарапайым макеттерден жасаймын. Бұл визуалдау мен дизайн үшін берік платформа болғанымен, HTML5 пен CSS3-ке оңай ауыспайды. Басқа қайталанулардың барлығын қосыңыз, және менің күндерім прогресстің өте баяу болатындығынан көңілімді қалдырады.

Пазлдың бір бөлігі - дизайн агенттігі негізгі стиль кестесінің ешбір түрін берместен прототиптерді жай ғана тапсырды ... сондықтан біз прототиптерді экспорттау арқылы осы мақсатқа жетуге тырысамыз. дирижабль, содан кейін CSS-ті WordPress-ке аудару. Қажетті қадамдардың саны және платформалар арасындағы алшақтықтар оны қиын үдеріске айналдырады. Жылдамдық пен масштабталудың күрделілігін жеңілдетуге тырысу туралы айтпағанда

Фигма

Фигма бұл жұмыстың көп бөлігін сіздің командаңыздың әрбір мүшесінде жобалауға, кері байланысқа және ынтымақтастыққа мүмкіндік беретін платформамен орталықтандырады, соның ішінде:

  • Дизайнерлер - Контексте және нақты уақытта ынтымақтастық. Файлдарыңыздың ескіруі немесе бір-біріңіздің жұмысыңыздың үстінен жазылуы туралы ешқашан алаңдамаңыз.
  • Мүдделі тараптар - Кері байланыс жинау үшін сілтеме жіберіңіз, өзгертулер туралы сұраулар алыңыз және мүдделі тараптарға сіздің дизайныңызға жаңартуларды көшіруге мүмкіндік беріңіз.
  • Developers - Инженерлер әрқашан қазіргі шындыққа қол жеткізе алады және элементтерді тексере алады, активтерді экспорттай алады және кодты көшіре алады.

Фигманың ерекше ерекшеліктері бар:

  • Логикалық операциялар - Төрт формуланың көмегімен: біріктіру, азайту, қиылысу және алып тастау, сіз кез-келген кескін қабаттарының жиынтығын дәлдікпен біріктіре аласыз.
  • компоненттері - Файлдарыңызда қайта қолдануға болатын және масштабталатын элементтермен тезірек және дәйекті етіп жасаңыз. Әр данадағы қабаттарға қол жеткізіңіз, осылайша сіз интуитивті түрде мәтінді және кескіндерді сызып, өңдей аласыз.
  • Шектеу - Дизайнды кез-келген экран өлшеміне сәйкес етіп масштабтау, объектілерді ата-аналық кадрға бекіту, торды кесу немесе тіпті масштабты компоненттер құру.
  • Құрылғының жақтаулары - Дизайнды дұрыс ортада көрсетіңіз. Сіз тіпті портреттік және альбомдық режимді таңдай аласыз.
  • Өзара әрекеттесу - Өзіңіздің прототиптеріңізді шерту кезінде, қозғалу кезінде, басу кезінде және басқаларымен өзара әрекеттесуді анықтап өмірге келтіріңіз.
  • Overlays - Салыстырмалы және қолмен орналастыру арқылы сіз қабаттасудың қай жерде және қалай пайда болатындығын толық бақылауға аласыз.
  • Пикселді жетілдіру - 60 кадр / сек интерактивті редакциялау сізге ультра айқын, пиксельді алдын-ала қарау мен экспорттауды ұсынады.
  • прототипі - Экрандарды қосып, өзара әрекеттесу, ауысу, қабаттасу және басқалары сияқты элементтерді қосу арқылы ағындарды жылдам құрыңыз. Басқа құралдармен синхрондаудың орнына кері байланыс алу үшін URL мекенжайын бөлісіңіз.
  • жауап дизайн - Сіздің макеттеріңізді созыңыз және олардың экран өлшемінің өзгеруіне қалай жауап беретінін көріңіз.

Жауапты прототиптеу

  • Жылжу - Көлденең, тік немесе кез-келген бағытта жеке фигураларда немесе бүкіл ата-аналық шеңберде айналдыруды қосыңыз.
  • мәнерлер - Барлық жобалар бойынша түстерді, мәтіндерді, торлар мен эффектілерді синхрондаңыз. Мәтіннің азырақ стилін сақтаңыз және әр түрлі құрылғылардағы дизайныңызды Figma-нің ерекше тор мәнерлерімен туралаңыз.
  • Топтық кітапханалар - Figma-да компоненттер мен стильдерді бөлісіңіз - ортақ дискілер мен қосымша құралдар қажет емес. Сіз және сіздің командаңыз өзгертулердің қалай және қашан шығарылатындығын қарапайым жариялау жұмыс процестерімен басқарады.
  • Векторлық желілер - Фигма қалам құралын интуитивті етіп жасады, жолдармен кері үйлесімділікті сақтай отырып, тікелей манипуляцияға мүмкіндік берді.

үшін кәсіпорын клиенттер, Figma дәйектілікті, тиімділікті және қауіпсіздікті масштабта басқара алады. Платформа корпоративті клиенттерге топтық кітапханалармен дизайн жүйелерін оңай басқаруға және сіздің ұйымыңыз бойынша жеке қаріптерді жүктеу және бөлісуге мүмкіндік береді. Бірыңғай кіру, кіруді басқару элементтері және әрекеттер журналдары қамтылған.

Фигмадан бастаңыз

Фигманың көптеген таңдаулы оқулықтары бар, олар өздері жүргізеді Youtube арнасы, міне, бастау туралы видео:

Фигма әзірлеушілерге активтерді тексеруге, көшіруге, экспорттауға және CSS-ті жобалау файлынан тікелей көшіруге мүмкіндік береді. Сондай-ақ, бар жұмыс процестерін интеграциямен қоса аласыз, соның ішінде дирижабль, Авокод, Джира, Dropbox, ProtoPie, және Қағидасы Mac үшін. Оларда сенімді API бар.

Фигманы ақысыз пайдаланып көріңіз

Сен не ойлайсың?

Бұл сайт спамның төмендеуі үшін Akismet пайдаланады. Деректеріңіздің қалай өңделетінін біліңіз.