Слика: Дизајн, прототип и соработка низ претпријатието

Фигма

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

Тешкиот дел е што го правам тоа од едноставни макета од комерцијална платформа за прототипови. Иако е солидна платформа за визуелизација и дизајн, таа не се претвора лесно во HTML5 и CSS3. Додадете ги сите други повторувања и моите денови стануваат фрустрирачки со тоа што напредокот е исклучително бавен.

Едно парче од сложувалката е дека агенцијата за дизајн едноставно ги предаде прототипите, без да обезбеди каков било вид на главен лист на стилови… затоа работиме да го постигнеме тоа со извоз на прототипови во авион, а потоа и преведување на CSS на WordPress. Бројот на неопходни чекори и празнините помеѓу платформите го отежнуваат процесот. Да не зборуваме за обидот за поедноставување на комплексноста за брзина и приспособливост

Фигма

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

  • дизајнери - Соработувајте во контекст и во реално време. Никогаш не грижете се дека вашите датотеки се застарени или не ја надминуваат работата на едни со други.
  • Заинтересирани страни - Испратете линк за да соберете повратни информации, да добиете барања за промена и да им дозволите на заинтересираните страни да прават ажурирања за копирање во вашите дизајни.
  • Програмери - Инженерите секогаш имаат пристап до тековниот извор на вистината и можат да прегледуваат елементи, да извезуваат средства и да копираат код.

Фигма има неколку уникатни карактеристики:

  • Булови операции - Со четири формули: соединување, одземање, пресекување и исклучување, можете прецизно да комбинирате кој било сет на слоеви на облик.
  • Компоненти - Изградете побрзо и поконзистентно со повеќекратни и скалабилни елементи низ вашите датотеки. Пристапете до слоевите во секоја инстанца за да можете интуитивно да уредувате и да ги надминувате вметнатите текст и слики.
  • Ограничувања - Скалирајте го вашиот дизајн за да одговара на која било големина на екранот со фиксирање на предмети на матична рамка, прикривање на објект на мрежа или дури и со создавање компоненти што се во обем.
  • Рамки на уреди - Презентирајте ги вашите дизајни во вистинските средини. Можете дури и да изберете помеѓу режимот портрет и пејзаж.
  • Интеракции - Направете вашите прототипи да оживеат со дефинирање на интеракции на клик, додека лебдите, додека притискате и многу повеќе.
  • Преклопување - Со релативно и рачно позиционирање имате целосна контрола врз тоа каде и како се појавуваат преклопувања.
  • Пиксел-совршенство - Интерактивно уредување со 60fps ви носи ултра чисти прегледи и извози совршени за пиксели.
  • Текара - Брзо градете протоци со поврзување на екраните и додавање елементи како интеракции, транзиции, преклопувања и многу повеќе. Наместо да се синхронизирате со други алатки, едноставно споделете URL-адреса за да добивате повратни информации.
  • Отворени Дизајн - Истегнете ги вашите распоред и видете како тие ќе одговорат на промените во големината на екранот.

Одговорен прототип

  • Лизгање - Овозможете хоризонтално, вертикално или лизгање во која било насока во рамките на одделни форми или целата матична рамка.
  • Стилови - Синхронизирајте ги боите, текстот, мрежите и ефектите во сите ваши проекти. Одржувајте помалку стилови на текст и усогласете ги вашите дизајни на различни уреди со единствените стилови на мрежата на Figma.
  • Тимски библиотеки - Споделете ги компонентите и стиловите во Figma - нема потреба од споделени дискови или дополнителни алатки. Вие и вашиот тим контролирате како и кога се менуваат промените со едноставни работни текови за објавување.
  • Векторски мрежи - Фигма ја создаде алатката за пенкало за да биде поинтуитивна, овозможувајќи директна манипулација со зачувување на компатибилноста наназад со патеките.

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

Започнете со Фигма

Фигма има голем избор на упатства што тие ги одржуваат на своите Youtube канал, еве видео за почеток:

Фигма им дава можност на развивачите да прегледуваат, копираат, извезуваат средства и копираат CSS директно од датотеката за дизајн. Може да ги овозможите постојните работни текови со интеграции, вклучително и авион, Авокод, Jira, Dropbox, ПротоПита, и Принципот за Мек. Тие исто така имаат робустен API.

Пробајте ја Фигма бесплатно

Што мислите?

Оваа страница користи Akismet за намалување на спам. Научете како се обработува вашиот коментар.