UI Design - Shadcn/UI to Figma Design System Component Calendar

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

Просмотров 2,8 тыс.

50% 1

For an early stage tech startup, if you want to design, build and ship fast, an aligned system from design to development could save you time and effort.
Get my Free Figma component library based on Shadcn/UI and Tailwind CSS
soloui.com
Visit my Store - Free and Premium Design Templates
royquilor.lemo...
👋 CONNECT
Website: www.quilor.com
Instagram: / royquilor
Dribbble: www.dribbble.c...
Twitter: / royquilor
#Figma #uidesign #ui #productdesign

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

30 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@danieleaversa4406 8 месяцев назад

I would suggest turning the audio up voume a lot more for the next videos, this is really great content and I think youtube needs more of these types of videos, where designers actually show their process instead of another hundreds of "figma beginner tutorial" type of videos

@ReadyDesignerOne 8 месяцев назад

Nice, thanks for the feedback. I will use my microphone next time too.

@yusufkhalidmuhammad4948 2 месяца назад

Great work man. I think you are really good at this design tokens thing. I would suggest you do a maybe 3-hour video on building a design system token on Figma. I and lots of people will surely appreciate it. I've tirelessly looked for a good video on intensive design system tokens, but I couldn't find one.

@ReadyDesignerOne 2 месяца назад

Thanks Yusuf, have you checked the official figma RU-vid channel? They got some good stuff on variables?

@YourLocalSoftwareEng 7 месяцев назад

amazing work dude 👍, how can i access this is figma?

@ReadyDesignerOne 7 месяцев назад

Thanks Yusuf, it's coming very soon. Won't be perfect, but will have a free version. I have been testing accessibility and responsiveness

@nurliyana3897 4 месяца назад

I have watched your video, but I still a little bit confused on how to use it in my Figma project. So my front end dev recommend me to use shadcn for design, but how can I implement it in my Figma project? Can I just copy and paste the component and customize the design accordingly? How will the fron end dev implement it later?

@ReadyDesignerOne 2 месяца назад

Great question. If your front end dev recommended shadcn for design, you can replicate a component in Figma that you need, for example, the calendar or date picker. If you want to make make some changes to the component in, such as a theme: font, color, spacing you can do this in Figma. Then the developer can figure out a way to use tokens to integrate them into the codebase. The components in shadcn are well designed, its probably only fonts and color that you might want to change.

@nurliyana3897 2 месяца назад

@@ReadyDesignerOne well explained, thank you. But, my frontend developer already resigned 🙂

@ReadyDesignerOne 2 месяца назад

@@nurliyana3897 Your welcome. Are you working at a startup as a designer?

@nurliyana3897 2 месяца назад

@@ReadyDesignerOne yup...and i also planned to quit actually 😅

@ReadyDesignerOne 2 месяца назад

Yes it's quite common now. I did that last year.

@bearduo 8 месяцев назад

Please share the design system library, great work mate 🎉

@ReadyDesignerOne 8 месяцев назад

Coming out soon. Do you use shadcn/UI ?

@bearduo 8 месяцев назад

@@ReadyDesignerOne hey mate yes am using shad cn, actually starting out a big project for my company, I need light/dark modes for desktop and mobile. Your dashboard design videos were a so helpful ! Any suggestions for a simple UI design system? I’ve got a Tailwind Figma file, but it’s too complicated with extra stuff. Looking for a chill dark and light theme library. Any ideas?

@ReadyDesignerOne 8 месяцев назад

@bearduo wedges by orman Clark for lemonsqueezy is good. There are some shadcn unofficial ds in figma community. Do you just need the foundation?

@bearduo 8 месяцев назад

@@ReadyDesignerOne yes correct only the foundation would be great I can build the components as required, thanks again