ShadCN UI DESIGN - Amazing UI on FIGMA 2024

Are you a React developer looking to elevate your UI design skills? Look no further! Dive into our comprehensive course designed specifically for React developers to master the SHADCN UI LIBRARY on FIGMA.
#ReactDev #UIDesign #FigmaCourse #SHADCNLibrary #ReactUI #UIUX #WebDesign #ReactDevelopment #FrontendDevelopment #DeveloperCourse

Пікірлер: 10

  • @learner8084
    @learner80842 ай бұрын

    Thanks very much for the video !

  • @codeddesign

    @codeddesign

    2 ай бұрын

    Wow, thanks. I am glad to add value to someone's life.

  • @darshanpurani7775
    @darshanpurani77752 ай бұрын

    Lovely brother!

  • @codeddesign

    @codeddesign

    2 ай бұрын

    Thanks for your support, I appreciate it

  • @nurliyana3897
    @nurliyana3897Ай бұрын

    I have watched your video, but I still a little bit confused on how to use it in Figma. 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? Or I can make my own component? How will the front end dev implement it later?

  • @codeddesign

    @codeddesign

    Ай бұрын

    Step one, Figma is for design and its doesn't relate to Shadcn in terms of coding. There is no way in which we can copy anything from figma to Shadcn, and from Shadcn to figma. The other one is a designing tool and the other one a coding UI library. Shadcn decided to add a FIGMA file with all of its components DESIGNED to make it easy for designers to design a UI that will be coded using figma. Still there is no copy and paste from one to another. Practically, as a designer you will use Shadcn figma tamplate to designn a shadcn table, the frontend dev have to look (Not Copy) at your design and code it using shadcn. If this is not clear, please book a free 1 Hour coaching course and i will explain it one on one calendly.com/codeddesign Thank You

  • @nurliyana3897

    @nurliyana3897

    Ай бұрын

    @@codeddesign i see..i understood now. I thought shadcn component already have it's own coding and I need to copy from shadcn component then customize it from there. So basically I can make my own component as long as I refer to shadcn template. Am I correct?

  • @codeddesign

    @codeddesign

    Ай бұрын

    @@nurliyana3897 You are right and that process has nothing to do with design and its not affected by it. The shadcn team decided to add a template for designers to use when they are designing UI's that will be coded with figma. This template simply solves the UI design problem (Like Helping someone to DRAW). To add, when you get into real life development, you will realize that creating buttons is no longer fun anymore like it used to when you were starting, reason being, there are more serious problems to solve than coding a button. Shadcn comes handy and speed up your UI coding so that you can attend problems that matter most.

  • @nurliyana3897

    @nurliyana3897

    Ай бұрын

    @@codeddesign thank you very much for your explanation, sir.

  • @codeddesign

    @codeddesign

    Ай бұрын

    @@nurliyana3897 You are welcome, thanks for your support, i appreciate it