How To Create A Table in Figma Easily With Auto-Layout. Simple Responsive Auto-Layout Table.

  Переглядів 28,034

Thefemijohn

Thefemijohn

День тому

Learn how to create a simple table in Figma
Admin dashboard Video
• Dashboard UI Design in...
Dashboard and Table Community File:
www.figma.com/community/file/...

КОМЕНТАРІ: 41
@bashirmoruf4949
@bashirmoruf4949 8 місяців тому
This is beginner's friendly having watched various video on responsive table. Kudos!!
@femijohn
@femijohn 7 місяців тому
You're Welcome
@besim3916
@besim3916 3 місяці тому
Thanks so much. One recommendation: often times you use keyboard shortcuts without mentioning it. There are some screen recording software that automatically shows what keys you press so that you don't have to mention it. I'm still new in Figma so if those shortcuts would show up on the screen as you talk that would help a lot.
@femijohn
@femijohn 2 місяці тому
Thank you so much for this. I will be conscious of this next time I am making a video. I appreciate you.
@hannahmaccamoo
@hannahmaccamoo 4 місяці тому
Your tutorials are brilliant - so clear and easy to follow. Much better than any of the tutorials coming from Figma themselves. You've got me out of a couple of tricky situations, thank you! You should have sooooo many more likes :-)
@femijohn
@femijohn 4 місяці тому
Glad you like them! I am so happy to hear this. 😊
@tomashudolin7197
@tomashudolin7197 3 місяці тому
What shortcut did you press at the begining before creating the component from table header? Because after that the padding was also set. Thank you.
@stepanbersin5516
@stepanbersin5516 4 місяці тому
Hey, nice work. But how you merge columns for one row and same to rows?
@dandelleum
@dandelleum 3 місяці тому
Hi there! Your video helped me out a lot!! Thank you so much!! :D Commenting to boost the algorithm!! :)
@TheChefAine
@TheChefAine 9 місяців тому
Thank you for this! I watched it to the end😊. Very helpful
@femijohn
@femijohn 6 місяців тому
I’m glad! ❤️
@aniebietoluwa
@aniebietoluwa 9 місяців тому
Impressive video! You made it look effortless. Inspired to try it out myself! Well done 🙌
@femijohn
@femijohn 9 місяців тому
Thank. Please let me know if it was easy to implement
@uiuxclinic
@uiuxclinic 9 місяців тому
This was very helpful. thank you!
@femijohn
@femijohn 6 місяців тому
You’re welcome
@ademuyiwaoluwanifemi7273
@ademuyiwaoluwanifemi7273 8 місяців тому
Femi You are the man !!!.. Great tutorial. Thank you for doing this
@femijohn
@femijohn 7 місяців тому
You're Welcome
@darrenjonathan3923
@darrenjonathan3923 6 місяців тому
when i copied the table head and put it outside the frame, why the cell style options doesnt appear?
@PaulJaredBrooksTop50
@PaulJaredBrooksTop50 5 місяців тому
Great stuff, thanks so much!
@femijohn
@femijohn 5 місяців тому
Glad it was helpful!
@user-tc2zy7qc7e
@user-tc2zy7qc7e 5 місяців тому
I couldn copy and paste the row as you did in 09:01. Even in your template i couldnt replexate what you did... it doesnt paste each cell under the frame i copied it from but puts them all outside of the frames in one level
@sheilaudobong3095
@sheilaudobong3095 5 місяців тому
exactly me too @thefemijohn
@vladislavkolpakov8066
@vladislavkolpakov8066 4 місяці тому
@thefemijohn yaeh, dude, how did you do that?
@zandyy277
@zandyy277 2 місяці тому
So good bro, can tou Tutorials make how to add user in then tablet, manage user
@DeanWentzel
@DeanWentzel 3 місяці тому
You made my day, how easy was that to make, tx
@femijohn
@femijohn 2 місяці тому
You're welcome
@ahmedmahdy9702
@ahmedmahdy9702 7 місяців тому
Thank you
@femijohn
@femijohn 7 місяців тому
You’re welcome 🙏
@matthewolukoju1246
@matthewolukoju1246 8 місяців тому
This is an interesting approach, but how do you solve the interaction issue. Hover, pressing and selected state in this case.
@femijohn
@femijohn 8 місяців тому
Good question, I actually use a different approach when trying to achieve that. For this you only use the actual button
@_matthewola
@_matthewola 7 місяців тому
Interesting! @@femijohn
@vladislavkolpakov8066
@vladislavkolpakov8066 4 місяці тому
Mate, how did you paste the row in 09:01? I insert it somewhere into the table itself, and not exactly below. How did you do that?
@ratunahrisa4590
@ratunahrisa4590 2 місяці тому
I'm not sure, but perhaps ctrl+D (duplicate)? because it is inside auto layout so it is going underneath right away
@hudasuloyi1755
@hudasuloyi1755 8 місяців тому
this is quite difficult
@TheRealHouji
@TheRealHouji 2 місяці тому
where's the link for the icon?
@bobbyaxelrod7983
@bobbyaxelrod7983 5 місяців тому
You use keyboard shortcuts but never mention
@user-tm2ww5ie2c
@user-tm2ww5ie2c 6 місяців тому
How did you add the icons?
@bobbyaxelrod7983
@bobbyaxelrod7983 5 місяців тому
Install the iconify plugin.
@sharkwhale4742
@sharkwhale4742 3 місяці тому
3:24 How to shot cut bring-in
@user-yj8mr8bf6o
@user-yj8mr8bf6o 3 місяці тому
Very clear and brilliant tutorial, easy to follow. Thanks a lot!!!
@femijohn
@femijohn 2 місяці тому
Thank You.
Figma Tutorial: Design a Responsive Table (Master AutoLayout!!)
10:11
Design a Responsive Table in Figma Using Auto Layout (2024)
10:24
DesignWithArash
Переглядів 70 тис.
And what’s your age? 🥰 @karina-kola
00:12
Andrey Grechka
Переглядів 6 млн
Завтра в школу с... | Шоу-квиз «Вопросики»
00:28
Телеканал СОЛНЦЕ
Переглядів 3,2 млн
Гражданская оборона 2024 - 16 полный выпуск
1:04:15
Телеканал ICTV
Переглядів 1,1 млн
Designing Responsive Tables with Auto Layout in Figma
22:23
Javier Alaves
Переглядів 86 тис.
How To Create Simple Table On Figma
5:41
Product Meow
Переглядів 44 тис.
How to design responsive table in Figma
11:51
Tri Utomo
Переглядів 427
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Ricardo Costa
Переглядів 150 тис.
Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
5:41
How To Create a Landing Page With Canva (Step By Step)
8:35
KnowledgeBase
Переглядів 12 тис.
And what’s your age? 🥰 @karina-kola
00:12
Andrey Grechka
Переглядів 6 млн