Figma for Edu: Prototyping 201, interactions

Подписаться 538 тыс.

Просмотров 24 тыс.

50% 1

Live recording of the Figma for Edu March 2024 workshop. It is an intermediate-level deep dive into the prototyping features in Figma, with a focus on advanced scrolling, micro-interactions and animations. It covers topics like scroll to interactions, sticky scrolling, interactive components, and smart animate. Download the workshop file here: www.figma.com/community/file/...
00:00 Introduction
01:48 Scroll to interactions
19:45 Sticky scrolling interactions
24:51 Smart animate
33:54 Easing demonstrations
37:17 Interactive components
42:55 Questions
Figma is free to use. Sign up here: bit.ly/3msp0OV
Figma is free for education. Verify here: figma.com/education
____________________________________________________
Find us on ⬇️
X (formerly Twitter): / figma
Instagram: / figma
LinkedIn: / figma
Figma forum: forum.figma.com/
____________________________________________________
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems

Наука

Опубликовано:

14 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 26

@kimberlyspicer3365 4 дня назад

Thank you for this video! I learned so much in a short time.

@furkansimsek33 Месяц назад

Great lesson thank you so much :)

@mahyamansouri6747 Месяц назад

Wow!! That was amazing! Thank you

@Cottoncandy17890 Месяц назад

really amazing content love it

@danielbrillantes2791 Месяц назад

Thank you very helpful

@shivamarora309 Месяц назад

I really loved it.

@TheItzen9 Месяц назад

Awesome video! Bookmarked it right away! Which micro interactions are a good idea to include inside a design system component? For example, the bloom on google's design system can be included inside your button component which makes it look and behave like the real button.

@designservices697 Месяц назад

wonderful

@khalilurrehman3149 Месяц назад

👍👍👍 nyce sir!!!

@MyDigitalHub Месяц назад

Awesomeness

@sarjansingh9542 Месяц назад

❤

@egzain05 Месяц назад

Proto type 💙

@basavachetanpatil Месяц назад

❤❤Nice

@arbenlocaj5552 Месяц назад

Where can i follow a course in figma professional?! Thnx!

@k16e Месяц назад

Is this doable in code (and/or is Figma writing the code [in dev mode perhaps])?

@breezeokami7475 Месяц назад

Bro, the smart animation called "Load Circle" was so complicated that I studied it for two days to get an effect😭

@pusakis Месяц назад

Hi friend! I have a question that I couldn't find the answer to. Does Figma have a behavior or variant for prototyping radio buttons? Specifically, I'm looking for a single selection component where clicking one option deselects the others in the prototype (without building component variants for each selection). Thank you in advance. Best regards, Maru from Argentina.

@shifatmasud 25 дней назад

@figma, @spline & @rive You guys should collaborate. We can't wait for a new revolution in Interactive Design.

@andypbrowne Месяц назад

Prototype a prototype! ❤

@AliBafghi Месяц назад

42:17 how to play this frame?! I can't

@SA-cb2it Месяц назад

Is there a any way to get undo button on screen in figma? So that it can be accessed with mouse. I am trying to use it but this software is so not intuitive it is unbelievable! Undo is used so much in any design software and they have made it so difficult, what if I don’t use keyboard while designing , I can’t use undo quickly, by mouse first go to edit and then undo! How does this make sense to makers of this software! Using it raises my blood pressure it is so frustrating!

@susa5045 Месяц назад

Excuse me! Who is going to need a non-functional map panning Prototype - for what reason? Certainly not for user testing ! Figma has a lot of work todo to provide regular simulated interaction that are suitable for RAPID prototyping ! Show me how to apply interactions to NESTED instances so that it works! That would truly help to provide some kind of value to the process.

@figma-miggi Месяц назад

The example of the map helps convey scrolling in two dimensions, and is a common interaction paradigm, using. a map helps bridge the idea gap so folks can understand it better. Prototypes are meant to help test and communicate ideas, and user testing takes on many forms and has many needs, across different industries. Will consider demonstrating nested interactions in a future workshop, but please understand that while something might not be useful to you, it may help unblock someone else.

@coder_rc Месяц назад

Its great @@figma-miggi

@valoreskiche Месяц назад

Just realized figma is platform dependent. As a Linux user im not willing to leave Linux in exchange for less of an experience. And MacBooks are expensive. The problem is that the most basic thing is not even possible: i cannot install font faces. Seems like figma doesn't think fonts are important. I know there are ways but is a pain in the ass dealing with this OMG! Dude imagine u had the best UX software in the market but depending on the platform u couldn't use frames. I mean, some things should be there by default. Like tires in a car. FONTS! Like wtf figma, it shouldn't be that hard to code something. Why I can't use futura, or cooper black?!!!! Da some basic shiiiii. 😭😭😭😭