Чули сте како колеге дизајнери харају о Фигми, али сада је ваш ред да је испробате!

Као програмер који сарађује са дизајнерима на развоју производа, суочићете се са различитим изазовима који могу да ометају ефикасан тимски рад. Многа од ових питања произилазе из ограничене укључености у процес пројектовања или непотпуних пројектних средстава.

Фигма је увела Фигма Дев Моде за решавање ових проблема, са циљем да подржи беспрекорну сарадњу у дизајну и развоју.

Како ће то утицати на ваш радни ток као програмера? Уроните у Фигма Дев Моде, истражите његове карактеристике и откријте најбоље праксе за његову употребу.

Шта је Фигма Дев Моде?

Фигма, популарни алат за дизајн интерфејса, популаран је код тимова који праве прототипове или креирају макете веб локација. Његов Дев Моде, који је компанија најавила на Цонфиг 2023, има за циљ да послужи као радни простор за програмере након што су креатори схватили колико им је тешко да комуницирају са Фигма платном.

Дев Моде је сличан алатки за проверу у Цхроме-у, али преноси намеру дизајнера на познатијем језику.

Фигма Дев Моде нуди низ функција, укључујући проверу, исечке кода, додатке, системе дизајна, статус одељка и могућност поређења промена. Ове карактеристике би требало да помогну у побољшању комуникације, поједностављењу процеса и одржавању конзистентног тока посла од дизајна до развоја.

Тренутно је Дев Моде у бета верзији, тако да ће вам требати десктоп апликација Фигма бета да бисте јој приступили.

Беспрекорна комуникација са Дев режимом

Када приступите датотекама дизајна, садржај може изгледати као мултиверзум панела, испуњен дизајнерским терминологијама које је можда тешко разумети, а можда чак ни не знате одакле да почнете. Само притиском на дугме, материјализујете се у простор који вам се чини познатијим.

Кредит за слику: Фигма

Панел за навигацију је мање скучен падајућим менијима који садрже више оквира и слојева који се проширују да би приказали различите одељке. Ова нова верзија је много организованија.

Још једна сјајна карактеристика коју можете приметити је временска ознака која означава последњу измену. Можете да видите детаље уређивања тако што ћете проверити опцију упореди измене на панелу Инспецт. То значи да можете да видите и пратите унете измене, слично историји верзија, што је концепт који одговара вашем речнику.

Панел Инспецт представља информације релевантне за вас користећи језик који разумете: код. Можете прегледати елементе и додајте додатке који боље одговарају вашем послу. Дев Моде нуди различите функције интеракције, омогућавајући вам да делите своје идеје и предлоге на различитим местима. Ове функције укључују ћаскање са курсором, блок коментара, аудио ћаскање и дугме за дељење.

Ове функције омогућавају истовремено дизајнерско-развојна сарадња, пошто се повратне информације дешавају у реалном времену унутар истог окружења. Као резултат, побољшава продуктивност и убрзава ваш радни ток.

Ефикасно извлачење средстава

Није неуобичајено да дизајнери обезбеде некомплетна средства дизајна, што може бити фрустрирајуће. Програмери цене ресурсе и доступност компоненти како би осигурали ефикасност изградње. Уз Дев Моде, екстракција средстава је једноставна као неколико кликова.

Кад год изаберете оквир, панел за проверу приказује листу коришћених средстава. Такође их чини доступним за преузимање у четири различита формата.

Овај алат вам омогућава да приступите имовини без потребе да идете напред-назад са дизајнерским тимом. Ово помаже да се избегну грешке или забуна, помаже вам да уштедите време и омогућава вам да се фокусирате на друге задатке.

Поједностављени Хандофф процеси

Дев Моде је најбољи пакет за руковање хандоффима. Комбинује све што вам је потребно на једној локацији коју можете прилагодити свом току рада. Дев Моде помаже да се убрза процес предаје тако што омогућава:

  • Дизајн и развој у једном окружењу
  • Сарадња у реалном времену
  • Инспекција и исечци кода
  • Интеграција система дизајна
  • Ознаке статуса одељка (нпр. „Спремно за програмере“)

Најбоље праксе и савети за коришћење Дев режима

Можете да користите Фигма-ин Дев Моде као део свог тока посла, али како да га максимално искористите? Испробајте ове предлоге.

  • Користите Дев ресурсе и додатке да бисте прилагодили своје искуство; повежите алате које већ користите у Дев режиму да бисте поједноставили свој ток посла. Од ГитХуб-а до оквира у вашој групи, можете бирати између варијанти.
  • Користите функције прегледа и исечака кода да бисте приступили мерењима, спецификацијама, стиловима и имовини елемената дизајна. Такође можете да генеришете код у различитим библиотекама помоћу додатака.
  • Пратите промене дизајна како бисте били сигурни да ништа не пропустите. Тхе Упоредите промене функција служи као алатка за историју верзија - обавезно је редовно проверавајте.
  • Искористите предности свих функција сарадње за комуникацију и обратите се дизајнерима помоћу коментара, ћаскања курсором и још много тога.
  • Такође можете прегледати елементе у ВС Цоде-у са новим екстензијом Фигма ВС Цоде. Такође вам омогућава да урадите више — укључујући навигацију датотекама, праћење промена, сарадњу дизајнера и убрзање имплементације дизајна — без напуштања ВС Цоде-а.
  • Будите у току са новијим функцијама, видите како најбоље могу да вам служе и усавршавајте се у свакој прилици.

Пригрлите Дев Моде да бисте поједноставили свој радни ток

Фигма Дев Моде би требало да учини ваш ток рада ефикаснијим, омогућавајући бољу сарадњу дизајнера и програмера са неопходним функцијама.

Постоји више делова екосистема Фигма, а популарност апликације значи да је то вредан алат који можете да преносите са посла на посао.