Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Creating our design file & introducing frames in Figma

Автор: Bring Your Own Laptop

Загружено: 2022-04-11

Просмотров: 9706

Описание:

Get access to this full course and 30+ of my other design courses here: https://bit.ly/3JeGWaY
Download the free Exercise Files to Follow Along: https://bit.ly/3v7YaBN
Get the Free Cheatsheet: https://bit.ly/3JeH6iA

Creating files and creating frames in Figma.

Join the Bring Your Own Laptop Facebook Group:   / bringyourownlaptop  
Follow me on Instagram:   / bringyourownlaptop  
Follow me on TikTok: https://www.byol.com/tiktok/
Follow me on Twitter:   / danlovesadobe  
Join the LinkedIn Group:   / 10539178  

Hi there - my name is Dan Scott & welcome to Figma Essentials.

Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma.

We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'll cover the client expectations of you as a new UX designer.

This course is aimed at people new to design, new to User Experience design. Even if you’re not totally sure what UX really means, don’t worry. We’ll start right at the beginning and work our way through step by step.

First we’ll describe the brief & how to work with a UX persona.

Then you’ll learn how to create simple wireframes.

From there we’ll look at how to implement colours & images properly in your designs.

You’ll learn the do’s & don’ts around choosing fonts for web & mobile apps.

You’ll learn how to create your own icons, buttons & other UI components.

You’ll learn some pretty scary terms such as Components, Constraints & Multi Dimensional Variants. They are all really easy to understand once you know how.

We’ll also make our lives easier by using free UI kits & plugins for Figma which will speed up our workflow dramatically!

We’ll build a simple Style Guide ready for client handoff.

You’ll understand how to make both simple & advanced micro interactions, page transitions & animations

Before the end of this course you will have made fully interactive prototypes

You will take a project all the way through - collaborating with other team members and exporting the right files ready to hand off to your developer or software engineer.

We’ll be focusing on the software Figma but I’ll make sure to explain the techniques & terms used in the UX and how real world projects are run. You will develop a great understanding of the industry and will be able to manage your own UX projects.

I will be setting assignments through the course which will help develop your skills and enable you to create something special and unique for your own portfolio.

Alright - it's time to upgrade yourself & go from Figma Zero to Figma Hero.

Creating our design file & introducing frames in Figma

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

The basics of type & fonts in Figma

The basics of type & fonts in Figma

Фреймы против групп в Figma

Фреймы против групп в Figma

ফিগমা 2023 প্রো টিউটোরিয়াল ক্লাস পার্ট 1 Figma 2023 Absolute Beginner to Pro Tutorial Class Part 1

ফিগমা 2023 প্রো টিউটোরিয়াল ক্লাস পার্ট 1 Figma 2023 Absolute Beginner to Pro Tutorial Class Part 1

Free Figma Tutorial: Designing Wireframes with Figma

Free Figma Tutorial: Designing Wireframes with Figma

Learn Figma Auto Layout in 30 Minutes | FREE COURSE

Learn Figma Auto Layout in 30 Minutes | FREE COURSE

Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)

Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)

The Python mega course – DAY 21

The Python mega course – DAY 21

Difference between Figma Frames and Sections | Figma Tutorial For Beginners

Difference between Figma Frames and Sections | Figma Tutorial For Beginners

LLM и GPT - как работают большие языковые модели? Визуальное введение в трансформеры

LLM и GPT - как работают большие языковые модели? Визуальное введение в трансформеры

Но что такое нейронная сеть? | Глава 1. Глубокое обучение

Но что такое нейронная сеть? | Глава 1. Глубокое обучение

Changing the background color / lighting using Adobe Firefly Model 5

Changing the background color / lighting using Adobe Firefly Model 5

How to Add a Button Hover Effect in Figma

How to Add a Button Hover Effect in Figma

ГЛАВНАЯ причина использовать Framer вместо Webflow

ГЛАВНАЯ причина использовать Framer вместо Webflow

Перестаньте тратить время в InDesign — сделайте эти 7 вещей

Перестаньте тратить время в InDesign — сделайте эти 7 вещей

Figma Masterclass for Beginners (2023 Updated)

Figma Masterclass for Beginners (2023 Updated)

Учебное пособие по дизайну пользовательского интерфейса Figma: начните всего за 24 минуты!

Учебное пособие по дизайну пользовательского интерфейса Figma: начните всего за 24 минуты!

7 UI/UX mistakes that SCREAM you’re a beginner

7 UI/UX mistakes that SCREAM you’re a beginner

Master Figma Variants | The Complete Guide (2024)

Master Figma Variants | The Complete Guide (2024)

Правило цвета 60-30-10

Правило цвета 60-30-10

Учебник Figma для начинающих: полный веб-сайт от начала до конца

Учебник Figma для начинающих: полный веб-сайт от начала до конца

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]