Figma: Дызайн, прататып і супрацоўніцтва паміж прадпрыемствамі

Фігма

Апошнія некалькі месяцаў я дапамагаю распрацоўваць і інтэграваць кліенцкі экземпляр WordPress, які спецыяльна падганяецца. Гэта цалкам збалансаванасць стылю, пашырэння WordPress з дапамогай уласных палёў, карыстацкіх тыпаў паведамленняў, структуры дызайну, даччынай тэмы і карыстацкіх убудоў.

Складаная частка заключаецца ў тым, што я раблю гэта з простых макетаў з уласнай платформы для прататыпавання. Хоць гэта трывалая платформа для візуалізацыі і дызайну, яна не так проста перавесціся на HTML5 і CSS3. Дадайце ўсе астатнія ітэрацыі, і мае дні становяцца вельмі расчаравальнымі, бо прагрэс вельмі марудны.

Адна частка галаваломкі заключаецца ў тым, што дызайнерскае агенцтва проста перадало прататыпы, не прадстаўляючы ніякага тыпу асноўнай табліцы стыляў ... таму мы працуем над гэтым, экспартуючы прататыпы ў дырыжабль, а потым пераклад CSS у WordPress. Колькасць неабходных крокаў і прабелы паміж платформамі робяць гэта складаным працэсам. Не кажучы ўжо пра спробы спрасціць складанасці для хуткасці і маштабаванасці

Фігма

Фігма цэнтралізуе вялікую частку гэтай працы з дапамогай платформы, якая дазваляе распрацоўваць дыскусіі і супрацоўнічаць у кожным члене вашай каманды, у тым ліку:

  • Дызайнеры - Супрацоўнічаць у кантэксце і ў рэжыме рэальнага часу. Ніколі не турбуйцеся пра тое, што вашы файлы састарэлі альбо не перазапісваюць працу адзін аднаго.
  • зацікаўленыя бакі - Адпраўце спасылку для збору зваротнай сувязі, атрымання запытаў на змены і дазволу зацікаўленым бакам рабіць копіі абнаўленняў у вашых праектах.
  • Распрацоўшчыкі - Інжынеры заўсёды маюць доступ да бягучай крыніцы праўды і могуць правяраць элементы, экспартаваць актывы і капіраваць код.

Figma мае некаторыя унікальныя асаблівасці:

  • Логічныя аперацыі - З чатырма формуламі: аб'яднаць, адняць, перасекчы і выключыць можна з дакладнасцю камбінаваць любы набор слаёў формы.
  • Кампаненты - Стварайце хутчэй і больш паслядоўна з выкарыстаннем і маштабуюцца элементаў для вашых файлаў. Доступ да слаёў у кожным асобніку, каб вы маглі інтуітыўна рэдагаваць і перавызначаць тэкст і выявы ўбудаваным.
  • Constraints - Маштабуйце свой дызайн пад любы памер экрана, замацоўваючы аб'екты ў бацькоўскім кадры, прывязваючы аб'ект да сеткі альбо нават ствараючы кампаненты, якія маштабуюцца.
  • Рамкі прылад - Прадстаўце свой дызайн у патрэбных умовах. Вы нават можаце выбраць паміж партрэтным і альбомным рэжымам.
  • Узаемадзеянне - Зрабіце вашыя прататыпы ажыўленнем, вызначыўшы ўзаемадзеянне пры націску, пры навядзенні курсора, пры націску і іншым.
  • Накладанне - Пры адносным і ручным размяшчэнні вы цалкам кантралюеце, дзе і як з'яўляюцца накладкі.
  • Піксельная дасканаласць - Інтэрактыўнае рэдагаванне 60 кадраў у секунду прыносіць вам надзвычай выразныя, ідэальныя папярэднія прагляды і экспарт.
  • макетавання - Хутка стварайце патокі, падключаючы экраны і дадаючы такія элементы, як узаемадзеянне, пераходы, накладкі і многае іншае. Замест сінхранізацыі з іншымі інструментамі проста абагульце URL-адрас, каб атрымаць зваротную сувязь.
  • Спагадны дызайн - Расцягніце макеты і паглядзіце, як яны будуць рэагаваць на змены памеру экрана.

Спагадны прататып

  • скролінг - Уключыць прагортку па гарызанталі, вертыкалі альбо любым кірунку ў межах асобных фігур ці ўсяго бацькоўскага кадра.
  • Стылі - Сінхранізуйце колеры, тэкст, сеткі і эфекты ва ўсіх вашых праектах. Захоўвайце менш стыляў тэксту і выраўноўвайце дызайн на розных прыладах з унікальнымі стылямі сеткі Figma.
  • Бібліятэкі каманд - Абагульвайце кампаненты і стылі ў Figma - няма неабходнасці ў агульных дысках і дадатковых інструментах. Вы і ваша каманда кантралюеце, як і калі ўкараняюцца змены, простымі працоўнымі працэсамі публікацыі.
  • Вектарныя сеткі - Figma стварыла інструмент "пяро", каб ён быў больш інтуітыўным, што дазваляе ажыццяўляць прамыя маніпуляцыі, захоўваючы зваротную сумяшчальнасць са шляхамі.

Для прадпрыемства кліенты, Figma можа забяспечваць паслядоўнасць, эфектыўнасць і бяспеку ў маштабе. Платформа дазваляе карпаратыўным кліентам лёгка кіраваць дызайнерскімі сістэмамі з дапамогай бібліятэк каманд і магчымасць загружаць і абменьвацца ўласнымі шрыфтамі ў вашай арганізацыі. Уключаны адзіны ўваход, кантроль доступу і часопісы дзеянняў.

Пачніце з Figma

У Figma ёсць вялікі выбар падручнікаў, якія яны падтрымліваюць канал Youtube, вось відэа Пачатак працы:

Фігма дае распрацоўшчыкам магчымасць правяраць, капіраваць, экспартаваць актывы і капіяваць CSS непасрэдна з файла дызайну. Вы таксама можаце ўключыць свае існуючыя працоўныя працэсы з дапамогай інтэграцый, у тым ліку дырыжабль, Avocode, Jira, Dropbox, ProtoPie, і Прынцып для Mac. Яны таксама маюць надзейны API.

Паспрабуйце Figma бясплатна

Што вы думаеце?

Гэты сайт выкарыстоўвае Akismet для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.