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

[@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.

[@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! ❤️

[@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

[@dandelleum]

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

[@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

[@femijohn]

Glad it was helpful!

[@ademuyiwaoluwanifemi7273]

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

[@femijohn]

You're Welcome

[@uiuxclinic]

This was very helpful. thank you!

[@femijohn]

You’re welcome

[@PaulJaredBrooksTop50]

Great stuff, thanks so much!

[@femijohn]

Glad it was helpful!

[@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.

[@DeanWentzel]

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

[@femijohn]

You're welcome

[@umangapokharel0908]

this is what i am looking for

[@stepanbersin5516]

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

[@kishorekumar8216]

hey kudos to you bro 👏

[@femijohn]

Thanks 🙏

[@zandyy277]

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

[@user-yj8mr8bf6o]

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

[@femijohn]

Thank You.

[@darrenjonathan3923]

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

[@ahmedmahdy9702]

Thank you

[@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?

[@MANUMS-ej5tn]

cmd + D would do the trick. As its auto layout, it would paste right below the row

[@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

[@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

[@joyceshaba1104]

Longtime femi 😁

[@femijohn]

😅 How’ve you been?

[@bobbyaxelrod7983]

You use keyboard shortcuts but never mention

[@TheRealHouji]

where's the link for the icon?

[@user-tm2ww5ie2c]

How did you add the icons?

[@bobbyaxelrod7983]

Install the iconify plugin.

[@hudasuloyi1755]

this is quite difficult

[@sharkwhale4742]

3:24 How to shot cut bring-in