Figma: Дизайн, прототип и сътрудничество между предприятия

Фигма

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

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

Една част от пъзела е, че дизайнерската агенция просто е предала прототипите, без да предостави какъвто и да е основен лист със стилове ... така че работим за постигането на това, като експортираме прототипите дирижабъли след това превод на CSS в WordPress. Броят на необходимите стъпки и пропуските между платформите го правят труден процес. Да не говорим за опит за опростяване на сложността за скорост и мащабируемост

Фигма

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

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

Figma има някои уникални характеристики:

  • Булеви операции - С четири формули: обединяване, изваждане, пресичане и изключване можете да комбинирате всеки набор от слоеве с фигура с точност.
  • Елементи - Изграждайте по-бързо и по-последователно с многократно използваеми и мащабируеми елементи във вашите файлове. Достъп до слоевете във всеки екземпляр, за да можете интуитивно да редактирате и замествате текста и изображенията вградени.
  • Ограничения - Мащабирайте дизайна си така, че да отговаря на всеки размер на екрана, като фиксирате обекти към родителска рамка, щракнете обект към мрежа или дори чрез създаване на компоненти, които мащабират.
  • Рамки на устройства - Представете своите дизайни в подходящата среда. Можете дори да избирате между портретен и пейзажен режим.
  • Взаимодействия - Накарайте вашите прототипи да оживеят, като дефинирате взаимодействията при щракване, докато летите, докато натискате и др.
  • Подложки - С относително и ръчно позициониране имате пълен контрол върху това къде и как се появяват наслагванията.
  • Съвършенство на пикселите - Интерактивното редактиране с 60 кадъра в секунда ви осигурява изключително ясни, перфектни за пиксели визуализации и експортиране.
  • Прототипи - Бързо изграждане на потоци чрез свързване на екрани и добавяне на елементи като взаимодействия, преходи, наслагвания и други. Вместо да се синхронизирате с други инструменти, просто споделете URL, за да получите обратна връзка.
  • Отзивчиви Design - Разтегнете вашите оформления и вижте как те ще реагират на промените в размера на екрана.

Отзивчиво прототипиране

  • Превъртане - Активирайте хоризонтално, вертикално или превъртане в която и да е посока в рамките на отделни фигури или целия родителски кадър
  • Стилове - Синхронизирайте цветове, текст, решетки и ефекти във всичките си проекти. Поддържайте по-малко текстови стилове и подравнявайте своите дизайни на различни устройства с уникалните стилове на мрежата на Figma.
  • Екипни библиотеки - Споделяйте компоненти и стилове във Figma - няма нужда от споделени устройства или допълнителни инструменти. Вие и вашият екип контролирате как и кога промените се въвеждат с прости работни процеси на публикуване.
  • Векторни мрежи - Figma създаде инструмента за писалка, за да бъде по-интуитивен, позволявайки директна манипулация, като същевременно запазва обратната съвместимост с пътеките.

За начинание клиенти, Figma може да стимулира последователност, ефективност и сигурност в мащаб. Платформата позволява на корпоративните клиенти лесно да управляват системите за проектиране с екипни библиотеки и възможността да качват и споделят персонализирани шрифтове във вашата организация. Включени са единичен вход, контроли за достъп и дневници на активността.

Започнете с Figma

Figma има богат избор от уроци, които те поддържат в своите YouTube канал, ето видео за начало:

Фигма дава на разработчиците възможност да проверяват, копират, експортират активи и копират CSS директно от файла на дизайна. Можете също така да активирате съществуващите си работни потоци с интеграции, включително дирижабъл, Avocode, Jira, Dropbox, ProtoPie, и Принцип за Mac. Те също имат стабилен API.

Опитайте Figma безплатно

Какво мислите?

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните за коментарите ви.