Andrew Coyle

Пікірлер

@chen2196 5 күн бұрын

Found it very useful! Thank you very much

@614dian 19 күн бұрын

Hey, is this method work for 8 point grid system too?

@kamilchojnowski9944 Ай бұрын

Thanks, man! Straight forward informations

@sytsmr 2 ай бұрын

Nice tutorial. Fast and easy to understand

@cahnoronha 2 ай бұрын

I loved your video! It was super helpful and well-explained! With the recent updates in Figma, I was wondering if you could create an updated version of this tutorial, incorporating the new features and covering all variants, including boolean properties. It would be amazing to see how these updates can improve the workflow for creating responsive table components. Thanks for sharing such great content with the community-I’m looking forward to your next videos! 😊

@argrox4336 2 ай бұрын

Oh my god, I was banging my head for hours trying to find out how to do it. Thank you!

@JeremyNeish 2 ай бұрын

This is amazing. Thank you for the effort!

@imacode7579 2 ай бұрын

thanks you really help me 😊🙏🏻

@dawitnegusse6588 2 ай бұрын

Good work

@joemontero741 3 ай бұрын

Thanks for putting this together. I’ve been following your work since your forms and tables article. It’s a goldmine and highly valuable.

@CoyleAndrew 3 ай бұрын

Awesome! Thank you! I'm really happy you find my work helpful.

@shubu.1269 3 ай бұрын

I found many video on yt about designing comprehensive design systems but no how to develop in code. I would love to know how libraries like schdcn were designed and coded for scalability and customization , It would be nice to have my own component library for my personal projects or share to public.

@Anonymous-kk8qx 3 ай бұрын

Thank you so much

@王思儫 4 ай бұрын

thank!

@Underhills 6 ай бұрын

From all the techniques I've seen on this your approach with different boolean props for table cell content seems effective, but I see that you also have arranged each possible column variation as separate column components as well - so is that for larger building blocks? If this was made in a design system, would you publish a column component containing these variants? Thanks for sharing the file, it's highly appreciated!

@CoyleAndrew 3 ай бұрын

I like to build tables out from cell components to give me more freedom to customize rows and columns. However, in the design system I published, I include column components for easy of use. www.figma.com/community/file/1348827199455465674

@Underhills 6 ай бұрын

Thanks for sharing. Much appreciated! Figma is incredibly querky and tiring to use in terms of how everything is constructed with components and components variants. It is so overengineered it hurts! Surely someone in the software industry could come up with an easier and smoother way than to constantly having to make different variants and component variations of single items. It's so repetitive and non productive.

@estilan-cro 6 ай бұрын

If you have a column with a long string-like a description of a service that includes details-how can you make one column wrap and expand a line? I am having this issue with designing a customer invoice and need to show how the table would respond to different sizes.

@lionelmuskwe 6 ай бұрын

Life saver. Andrew, thank you

@iftekharulhaque2697 7 ай бұрын

Any tips on font weight and combining multiple fonts?

@CoyleAndrew Ай бұрын

@@iftekharulhaque2697 Subtle contrast between fonts is the key. I usually don’t use more than 2 typefaces and limit my use of different weights. I recommend trying out different pairings in different contexts and reducing it until you feel really strong about the combination. Think of it like colors. Navy blue and black clash but navy blue and a dark bluish grey can work. Also, think in terms of typographic hierarchy. Contrast is key and less is more. I hope that helps! Let me know what you come up with.

@iftekharulhaque2697 7 ай бұрын

Thank you

7 ай бұрын

Thanks man!

@darrenstrange2244 8 ай бұрын

I don't really understand the use of auto layout. Would it not just be quicker to align these two icons manually? Would have taken 2 seconds to align those manually instead of constantly clicking on all those auto-layout alignment options. II am knew to Figma so I'd like to understand why auto-layout is worth it?

@CoyleAndrew 8 ай бұрын

It allows you to dynamically resize compositions and components. Great for responsive design. It also roughly aligns with how it would be coded with flex box. But auto layout takes some time to master and it’s not necessarily required to build awesome response designs. Once you get the hang of it, auto layout solves a lot of issues when iterating and updating designs. I tend to use auto layout for some things but not everything.

@kKevin09 9 ай бұрын

Thank you so much, just having to make a table is already difficult if it wasn't for the tutorial as a complete beginner!

@abdu11ahh 9 ай бұрын

Thank You so much Saved my 30 mins

@nickfalcon1569 10 ай бұрын

Thanks!!!

@martinmbae2688 10 ай бұрын

Straight to the point. Well done

@beaconbin465 10 ай бұрын

Thank you so muccchhh

@prasanthmuthusamy3874 10 ай бұрын

Very simple. Thanks. Make more like this

@regwsx 10 ай бұрын

Жыл бұрын

Okay. How do you keep the titles of each column in the same place as the rest of the data below? By having a different length to the data, they react differently to "filling the container"

@eugeniat5460 Жыл бұрын

One of the most helpful tuts by far, thank you

@coffeeecatsss Жыл бұрын

Can you show how to prototype so that only one selected cell is in the active state when clicked?

@CoyleAndrew 3 ай бұрын

I created a video showing you have to design a table with row selection interactivity. I hope this helps! kzbin.info/www/bejne/aKHVd2x4gryEmK8

@yehtet7074 Жыл бұрын

really thank !

@AbhishekPandey-hq6ce Жыл бұрын

Good video, can you also make video with complex and advance component properties

@newtodesign Жыл бұрын

I love the idea of builidng tables with columns. I was working with someone else's file and they build with Rows - which was difficult for me to manage.

@zajahrisolar2260 Жыл бұрын

your tutorial is helpful, since spacing mode is no where to be found in the advanced auto layout. thanks a lot

@saraelisa8938 Жыл бұрын

This is A-mazing, Andrew. Thank you so much, really. I'm loving all the amazing work you've been sharing on Medium too, and these super videos you're sharing here. I appreciate it SO much, you have no idea how much this is helping me.

@updates4043 Жыл бұрын

Thanks for the tutorial. Why is there so much gap between the Serial number and the consumer name rows. Currently all rows are having same width. Can you make a tutorial where each rows are having different width? That would be an ideal real life scenario.

@CoyleAndrew 3 ай бұрын

You can set a fixed width (or min/max-width) for individual columns. The table will still be responsive as long as one column is set to "fill" within the parent component. I hope this helps!

@Beanaification Жыл бұрын

This was awesome, and very well explained. Thank you!

@Nkreed68 Жыл бұрын

Thanks for the tutorial, I watched it entirely :) By the way, Figma recently released a new table feature in FigJam. I tried to paste it in Figma, but the result isn't great. Do you think the Figma Developers will bring table feature to Figma too at some point?

@radhey4791 Жыл бұрын

This one is really useful mate making the parent frame at the beginning solves a lot of further issues. Thanks mate for wonderful tutorial. Looking forward to learn more from you.

@andress6772 Жыл бұрын

Hi! great video on this plugin. mind explaining how the numbers work next to the white/black dots please? thanks!

@Jason-pj8jq Жыл бұрын

P r o m o s m 👊

@PatTheLoneWolf Жыл бұрын

i really love how simple you made it.. you gained a subscriber. thank you so much. want to learn more from you

@azizov_aqsin Жыл бұрын

hi good job bro,i have been learning figma and ui design for 2 months. But İ cant learn correctly. maybe it is little time for learning these . İ need some ideas for this.

@CoyleAndrew Жыл бұрын

Thank you! Let me know how I can help you learn and what topics to cover next.

@azizov_aqsin Жыл бұрын

@@CoyleAndrew sometimes i try to make some project app or landing page. But i dont know ,how can İ make typography or colors. How i must to choose these?

@CoyleAndrew Жыл бұрын

@@azizov_aqsin Here is a video I made that covers typography and color when it comes to creating reusable styles.