Введение в Figma [Introduction to Figma] [Domestika] [Arturo Servin]

Введение в Figma [Introduction to Figma] [Domestika] [Arturo Servin]

Introduction to Figma
Arturo Servin

Курс на испанском с русскими субтитрами

Материал включает 6 базовых курсов по Figma

В современном технологическом мире веб-сайты и мобильные приложения — идеальные места для связи брендов со своими клиентами. По словам веб-дизайнера Артуро Сервина, более известного как Monky, Figma является наиболее эффективным и универсальным инструментом прототипирования для разработки графического пользовательского интерфейса. Откройте для себя творческую свободу работы без технических ограничений и поднимите свою веб-разработку на новый уровень.
В этом шестикурсовом курсе Domestika Basics Артуро Сервин учит вас, как использовать Figma с нуля.

Курс 1: Основы Figma
Изучите интерфейс программы и основные функции. Начните первый курс со знакомства с Figma, ее основными функциями и преимуществами перед другими инструментами.

Курс 2: Применение текста и цвета
Научитесь вставлять и редактировать текстовые и цветовые стили, чтобы создавать повторно используемые элементы для ваших дизайн-систем. Погрузитесь во второй курс, увидев различные способы вставки и редактирования текста в Figma.

Курс 3: Элементы дизайна
Вставляйте изображения в свой проект и используйте сетки макетов для создания карточек. Третий курс посвящен изображениям.

Курс 4: Компоненты: использование и преимущества
Научитесь создавать простую систему с основными компонентами, логическими значениями и вариантами. Начните четвертый курс со знакомства с компонентами, чтобы понять, как они работают и почему они так полезны для прототипирования в Figma.

Курс 5: Дизайн-системы
Узнайте о важности систем проектирования в процессе прототипирования. На пятом курсе начните мыслить более масштабно и посмотрите, что такое дизайн-система и ее преимущества.

Курс 6: Создание прототипа
Узнайте, как соединить разные экраны и добавить взаимодействие и анимацию в свой прототип. В последнем курсе этих основ наконец пришло время взглянуть на прототипы.

Спойлер: Оригинал

In today's tech-driven world, websites and mobile apps are the perfect places for connecting brands with their clients. According to web designer Arturo Servín, better known as Monky, Figma is the most efficient and versatile prototyping tool for designing graphical UI. Discover the creative freedom of working without technical restrictions and take your web development to the next level.

In this six-course Domestika Basics, Arturo Servín teaches you how to use Figma from scratch. If you'd like to learn more about web development alongside Arturo, check out his other courses: Responsive Web Design with Adobe Muse, Adobe Photoshop for Web Design, Introduction to Adobe XD for Cell Phone Apps, and Responsive Web Design with Adobe Dreamweaver.

In the first course, your teacher introduces you to the program's interface, plug-ins, and basic features like layers and shapes. He also teaches you how to create icons.

Continue by learning how to insert and edit texts. Then, explore colors and visual effects to enhance the look of your future projects and give them personality.

The third course is all about images. Arturo shows you how to insert them, use masks, and apply layout grids. See how to create basic cards as well as more advanced ones.

Immerse yourself in components in the fourth course and learn how to build, edit, and implement several kinds using the concepts of master components, Boolean operations, and variants.

In the fifth course, discover the importance of design systems. Arturo gives you a step-by-step explanation of how to design a style guide for text, another for color, and create a component library.

In the sixth and final course, learn what a prototype is and how to create one with interactions and animations. To tie everything together, Arturo walks you through working on a collaborative project with a team and clients.

Спойлер: Описание базовых курсов

Course 1: Figma Basics
Explore the program's interface and basic features. Kick off the first course by getting familiar with Figma, its main features, and the advantages it has over other tools.

Course 2: Applying Text and Color
Learn to insert and edit text and color styles to create reusable elements for your design systems. Dive into the second course by seeing different ways to insert and edit text in Figma.

Course 3: Design Elements
Insert images into your project and use layout grids to create cards. The third course is all about images.

Course 4: Components: Uses and Benefits
Learn to build a simple system with master components, Booleans, and variants. Begin the fourth course with an introduction to components to understand how they work and why they're so useful for prototyping in Figma.

Course 5: Design Systems
Discover the importance of design systems in the prototyping process. In the fifth course, start thinking on a larger scale and look at what a design system is and its benefits.

Course 6: Building a Prototype
Learn how to connect different screens and add interactions and animations to your prototype. In the last course of this Basics, it's finally time to look at prototypes.

Скрытая ссылка