Система проектування в FIGM. З чого почати розробляти систему та як швидко намалювати веб -форми. Ця стаття для них, я трохи працював у Фігмі, хоче зробити його систему дизайну, але не знаю, як підходити до завдання. У кількох простих кроках ми створимо з вами просту систему (яку ми розширимо в наступних статтях) та збираємо веб -форму. Якщо ви раніше не працювали з FIGMA. Перегляньте відкриття відео https://www.youtube.com/watch?v=rfi7wqhup0c; Перейти на www.figma.com та зареєструйтесь; Слідкуйте за посиланням https://www.figma.com/file/wjh555555nsmclm6hrepzqbdpwyz/design-system-in-figma, щоб робочий файл цього уроку з’явився у вашій фігурі; Скопіюйте файл собі: Якщо FIGMA - це дуже, темний ліс для вас, перегляньте відеоролики російською мовою, вони детально пояснюють: Figma.com: Основи. Ми намалюємо основні елементи: NAV, кнопка. Зрозумійте, які кадри, обмеження та компоненти. З чого почати. Почніть з типографії та кольорової палітри. Я підготував для вас стилі тексту, кілька основних кольорів та піктограм, які нам потрібно буде намалювати елементи керування: Віолетов підписав імена компонентів. Кожен елемент: Текстовий стиль, колір або піктограма - це компонент, що було б названо символом у ескізі. Звикайте називати компоненти композитними назвами "Категорія / ім'я компонента". Тоді FIGMA лежить їх автоматично відповідно до категорій у меню: Основний бокс. Наступним кроком стане основний прямокутник, з якого ми будемо слідувати за всіма компонентами кнопок та інших елементів керування: Кнопки. Кнопки отримують із комбінації основного поля та текстового компонента. Отримані компоненти кнопок також називаються принципом "категорія / ім'я" Incuta. Ми готуємо основне поле: І складіть основні елементи форм: Редактор отримує просту значок EREPAIDA у спаді: Ми отримали мінімальну систему дизайну, придатну для складання веб -форми. Тепер дизайн форми можна зібрати за 10 хвилин. Приклад. Візьміть приклад з календаря Google. Частина екрана додавання події в календарі Google. Щоб зробити це більш зручним для вирівнювання та відступу, ми ставимо сітку: І ми легко і швидко збираємо форму: Самостійна робота. Ось ще три приклади, які ви можете зібрати себе за допомогою готової системи, трохи доповнюючи її: Удачі до найближчих зустрічей у нових статтях про Фігмас та систем дизайну. Задайте питання, напишіть коментарі та перейдіть до нас на телеграмському каналі Фігма_фігма, читайте про хитрощі та хитрощі роботи в Фігмі.