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

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/...

[@elenamikhaylova5086]

this is exactly what i needed, thank you! soooo informative and helpful. I'm new to Figma and I feel like i learned so much in this short video

[@besim3916]

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]

Thank you so much for this. I will be conscious of this next time I am making a video. I appreciate you.

[@tomashudolin7197]

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]

Hey, nice work. But how you merge columns for one row and same to rows?

[@hannahmaccamoo]

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]

Glad you like them! I am so happy to hear this. 😊

[@bashirmoruf4949]

This is beginner's friendly having watched various video on responsive table. Kudos!!

[@femijohn]

You're Welcome

[@TheChefAine]

Thank you for this! I watched it to the end😊. Very helpful

[@femijohn]

I’m glad! ❤️

[@dandelleum]

Hi there! Your video helped me out a lot!! Thank you so much!! :D
Commenting to boost the algorithm!! :)

[@aniebietoluwa]

Impressive video! You made it look effortless. Inspired to try it out myself! Well done
🙌

[@femijohn]

Thank. Please let me know if it was easy to implement

[@uiuxclinic]

This was very helpful. thank you!

[@femijohn]

You’re welcome

[@ademuyiwaoluwanifemi7273]

Femi You are the man !!!.. Great tutorial. Thank you for doing this

[@femijohn]

You're Welcome

[@PaulJaredBrooksTop50]

Great stuff, thanks so much!

[@femijohn]

Glad it was helpful!

[@darrenjonathan3923]

when i copied the table head and put it outside the frame, why the cell style options doesnt appear?

[@zandyy277]

So good bro, can tou Tutorials make how to add user in then tablet, manage user

[@umangapokharel0908]

this is what i am looking for

[@DeanWentzel]

You made my day, how easy was that to make, tx

[@femijohn]

You're welcome

[@user-tc2zy7qc7e]

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]

exactly me too @thefemijohn

[@vladislavkolpakov8066]

@thefemijohn yaeh, dude, how did you do that?

[@ahmedmahdy9702]

Thank you

[@femijohn]

You’re welcome 🙏

[@vladislavkolpakov8066]

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]

I'm not sure, but perhaps ctrl+D (duplicate)? because it is inside auto layout so it is going underneath right away

[@bobbyaxelrod7983]

You use keyboard shortcuts but never mention

[@TheRealHouji]

where's the link for the icon?

[@user-yj8mr8bf6o]

Very clear and brilliant tutorial, easy to follow. Thanks a lot!!!

[@femijohn]

Thank You.

[@matthewolukoju1246]

This is an interesting approach, but how do you solve the interaction issue. Hover, pressing and selected state in this case.

[@femijohn]

Good question, I actually use a different approach when trying to achieve that. For this you only use the actual button

[@_matthewola]

Interesting! @@femijohn

[@hudasuloyi1755]

this is quite difficult

[@sharkwhale4742]

3:24 How to shot cut bring-in

[@user-tm2ww5ie2c]

How did you add the icons?

[@bobbyaxelrod7983]

Install the iconify plugin.