Какво означава режимът Dev на Figma за разработчиците

Като разработчик, който си сътрудничи с дизайнери при разработването на продукти, ще се сблъскате с различни предизвикателства, които могат да попречат на ефективната работа в екип. Много от тези проблеми възникват от ограничено участие в процеса на проектиране или непълни дизайнерски активи.

Figma въведе Figma Dev Mode, за да се справи с тези проблеми, с цел да подкрепи безпроблемното сътрудничество при проектиране и разработка.

Как това ще се отрази на работния ви процес като разработчик? Потопете се в режима Figma Dev, проучете функциите му и открийте най-добрите практики за неговото използване.

Какво е режим Figma Dev?

Figma, популярният инструмент за проектиране на интерфейси, е популярен сред екипи, изграждащи прототипи или създаващи макети на уебсайтове. Неговият Dev Mode, който компанията обяви на Config 2023, има за цел да служи като работно пространство за разработчици, след като създателите осъзнаха колко трудно им е било да взаимодействат с платното на Figma.

Режимът Dev е подобен на инструмента за проверка в Chrome, но предава намерението на дизайнера на по-познат език.

Режим Dev на Figma предлага набор от функции, включително проверка, кодови фрагменти, плъгини, системи за проектиране, състояние на раздел и възможност за сравняване на промените. Тези функции трябва да помогнат за подобряване на комуникацията, рационализиране на процесите и поддържане на последователен работен процес от проектиране до разработка.

Понастоящем Dev Mode е в бета версия, така че ще ви е необходимо настолното приложение Figma beta за достъп до него.

Безпроблемна комуникация с режим Dev

Когато имате достъп до файлове с дизайн, съдържанието може да изглежда като множество панели, изпълнени с дизайнерски терминологии, които може да са трудни за разбиране и може дори да не знаете откъде да започнете. Само с натискане на бутон вие се материализирате в пространство, което ви се струва по-познато.

Панелът за навигация е по-малко стеснен с падащи менюта, съдържащи множество рамки и слоеве, които се разширяват, за да покажат различни секции. Тази нова версия е много по-организирана.

Друга страхотна функция, която може да забележите, е клеймото за време, указващо последната редакция. Можете да видите подробностите за редакцията, като поставите отметка в опцията за сравнение на промените в панела за проверка. Това означава, че можете да виждате и следите направените промени, подобно на хронологията на версиите, концепция, подходяща за вашия речник.

Панелът Inspect представя подходяща за вас информация, използвайки език, който разбирате: код. Можете да инспектирате елементи и добавете добавки, които са по-подходящи за вашата работа. Режимът Dev предлага различни функции за взаимодействие, което ви позволява да споделяте вашите идеи и предложения в различни точки. Тези функции включват чат с курсора, блокиране на коментари, аудио чат и бутон за споделяне.

Тези функции позволяват едновременно сътрудничество за дизайн и разработка, тъй като обратната връзка се осъществява в реално време в рамките на същата среда. В резултат на това подобрява производителността и ускорява вашия работен процес.

Ефективно извличане на активи

Не е необичайно дизайнерите да предоставят непълни дизайнерски активи, което може да бъде разочароващо. Разработчиците ценят ресурсите и наличността на компоненти, за да осигурят ефективност на изграждането. С режима Dev извличането на активи е толкова лесно, колкото няколко кликвания.

Всеки път, когато изберете рамка, панелът за проверка показва списък с използваните активи. Освен това ги прави лесно достъпни за изтегляне в четири различни формата.

Този инструмент ви позволява да имате достъп до активи, без да се налага да ходите напред-назад с дизайнерския екип. Това помага да се избегнат грешки или объркване, като ви помага да спестите време и ви позволява да се съсредоточите върху други задачи.

Опростени процеси на предаване

Dev Mode е най-добрият пакет за обработка на предавания. Той комбинира всичко необходимо на едно място, което можете да приспособите към вашия работен процес. Режимът Dev помага за ускоряване на процеса на предаване, като активира:

• Дизайн и разработка в една среда
• Сътрудничество в реално време
• Проверка и кодови фрагменти
• Проектиране на системна интеграция
• Етикети за състояние на секции (напр. „Готово за разработка“)

Най-добри практики и съвети за използване на режим Dev

Можете да използвате режима Dev на Figma като част от вашия работен процес, но как можете да се възползвате максимално от него? Опитайте тези предложения.

• Използвайте ресурси и добавки за разработчици, за да персонализирате вашето изживяване; свържете инструментите, които вече използвате в Dev Mode, за да рационализирате работния си процес. От GitHub до рамки във вашия стек, има разновидности, от които да избирате.
• Използвайте функциите за проверка и кодови фрагменти за достъп до измервания, спецификации, стилове и активи на дизайнерски елементи. Можете също да генерирате код в различни библиотеки, като използвате добавки.
• Следете промените в дизайна, за да сте сигурни, че няма да пропуснете нищо. The Сравнете промените функцията служи като инструмент за хронология на версиите - не забравяйте да я проверявате редовно.
• Възползвайте се от всички функции за сътрудничество за комуникация и се свържете с дизайнерите чрез коментари, чатове с курсор и други.
• Можете също така да проверявате елементи във VS Code с новото разширение Figma VS Code. Освен това ви позволява да правите повече – включително навигация на файлове, проследяване на промените, сътрудничество с дизайнери и ускорение на внедряването на дизайна – без да напускате VS Code.
• Бъдете в крак с по-новите функции, вижте как най-добре могат да ви служат и повишавайте уменията си при всяка възможност.

Възползвайте се от режим Dev, за да оптимизирате работния си процес

Режимът Figma Dev трябва да направи вашия работен процес по-ефективен, позволявайки по-добро сътрудничество между дизайнер и разработчик с необходимите функции.

Има повече части от екосистемата Figma и популярността на приложението означава, че е ценен инструмент, който можете да носите от работа на работа.