Hey Arnau. Just wanted let you know. Found you from one of your community figma portfolio UI templates. Currently converting that figma design into react for practices. I'm glad I found your channel on youtube. Keep up the good work. Much appreciated. ♥
This kit is AMAZING, but is so deep and complex that I have NO IDEA where to even START, not to mention how to fully leverage it's true potential! 🤯 Can you do a tutorial video on HOW to properly utilize a fully-loaded UI Kit like this from start to finish?? That would be a KILLER resource, but I couldn't find anything similar on your channel. Especially one like FlowBite which was somehow "Built using the Tailwind CSS utility classes". 🤔 I didn't even know that was possible in Figma, but would love to learn how! Thanks!
Hey! :D I would like to know if you have any experience with exporting Figma project with animations straight to code -> tailwind css? Have you used any plugins, do you recommend anything? I had problem with anima. For me it works poorly.. or maybe I cannot use it yet 😅
Hi Arnau, if I want to use an existing drawer sidebar for nav items, but then add more pages to it, wouldn't I need to detach the parent component? Isn't that bad practice to detach? I don't know how you would edit a parent component and add more items to it without detaching from the main library.
I find this kind of UI kit presentation realy helpful. There are many more of them. But what I, unfortunately, do not find: If I have created a kit, and I now want to completely rework it, optimize, re-nest, and create variants ... and much more ... how do I proceed? how do I prevent that my existing layouts do not get any problems, how should the structure look ... which naming I should absolutely use?
Thanks Michael, try looking at this tutorial, might help you ruclips.net/video/y29Xwt9dET0/видео.html If not, lookup jessee showalter's figma variants tutorial - should clear most things you mentioned here! Anything else just let me know!
Estoy estudiando diseño gráfico y ux/ui, tal vez tengas un iMac pero por si acaso no, sabes qué monitor sería correcto que me comprara? (Pulgadas, resolución, rango color..)
Mírate este monitor de LG, amzn.to/2RinS6O Es uno de los mejores monitores para diseñadores gráficos con un RGB completo, Ultrawide y dos conexiones de HDMI. Yo diría que es la mejor opción sin pagar 700 euros, lo cual podrías hacer fácilmente con monitores de LG!
Yo solo uso mi MacBook pro de 13 pulgadas (creo que es Full HD también) para ui/ux y diseño gráfico, y me va de sobras. Depende del trabajo que quieras hacer y si tu ordenador tiene la capacidad para 4K. Busca unas reseñas online y por youtube, puede ser que sea lo que buscas
This is great but im confused how this fits in with client branding? for example, say those colors/typography are not on brand? would i go in and change the colors/typo in figma then notify the dev ? and how about layout? if everyone used this template wouldnt every website look basicly the same?
Thanks for watching! Let me know if you have any questions :)
Hey Arnau. Just wanted let you know. Found you from one of your community figma portfolio UI templates. Currently converting that figma design into react for practices. I'm glad I found your channel on youtube.
Keep up the good work. Much appreciated. ♥
Thanks Mohammad! Glad you’re enjoying the content
Looks great, will definitely check them out
wow! thank you! this was perfect. Well explained and a great resource.
Glad it was helpful!
Nicely done!!
This kit is AMAZING, but is so deep and complex that I have NO IDEA where to even START, not to mention how to fully leverage it's true potential! 🤯
Can you do a tutorial video on HOW to properly utilize a fully-loaded UI Kit like this from start to finish?? That would be a KILLER resource, but I couldn't find anything similar on your channel. Especially one like FlowBite which was somehow "Built using the Tailwind CSS utility classes". 🤔 I didn't even know that was possible in Figma, but would love to learn how!
Thanks!
Hey Sergio, would love to make a more in depth vid. What kind of content would you want the video to have? What sort of tips?
How did you create toggles in the figma panel? 8:21 oef.. I haven't used it for 5 months and there is so many changes already
Oh this comes with the ' variants ' feature.. ok I need to look into that. Totally off topic 😂
Lots and lots of updates with figma recently, this is just one of them! Wait till you hear about auto layout :)
Hey! :D
I would like to know if you have any experience with exporting Figma project with animations straight to code -> tailwind css?
Have you used any plugins, do you recommend anything? I had problem with anima. For me it works poorly.. or maybe I cannot use it yet 😅
hmmm not with animations I dont
Thanks for the answer :) so do you recommend any plugin to export to tailwind without animations? :)
Hey, how do I add a columns in the table without detaching component?
Hi Arnau, if I want to use an existing drawer sidebar for nav items, but then add more pages to it, wouldn't I need to detach the parent component? Isn't that bad practice to detach? I don't know how you would edit a parent component and add more items to it without detaching from the main library.
I’m not sure, try sending me a DM on Instagram or Twitter and I’ll try to help out
Thanks for sharing.
Thanks for watching!
I find this kind of UI kit presentation realy helpful. There are many more of them. But what I, unfortunately, do not find:
If I have created a kit, and I now want to completely rework it, optimize, re-nest, and create variants ... and much more ... how do I proceed? how do I prevent that my existing layouts do not get any problems, how should the structure look ... which naming I should absolutely use?
Thanks Michael, try looking at this tutorial, might help you ruclips.net/video/y29Xwt9dET0/видео.html If not, lookup jessee showalter's figma variants tutorial - should clear most things you mentioned here! Anything else just let me know!
Would love to know how they handled the Font / Leading. Are you able f.e. to create a 2-XL with tight leading?
Bump!
Hey there, Awesome video. How does one get the professional version to work on Figma after payment? Do they send you a link or how does it work?
It should work out of the gate once you’ve paid
@@ArnauRos We were using the community version before the payment was made. Does that affect the outcome?
Can you make a video of how to customize this kit with your own color and styling and apply to the whole kit
I'll make a video about customising ui kits 100%
Hey, this all looks good in theory.
But how do I change a font family for all registered Text styles?
(there's like hundreds of them).
You need to go into the text styles and change the base fonts!
Estoy estudiando diseño gráfico y ux/ui, tal vez tengas un iMac pero por si acaso no, sabes qué monitor sería correcto que me comprara? (Pulgadas, resolución, rango color..)
Mírate este monitor de LG, amzn.to/2RinS6O Es uno de los mejores monitores para diseñadores gráficos con un RGB completo, Ultrawide y dos conexiones de HDMI. Yo diría que es la mejor opción sin pagar 700 euros, lo cual podrías hacer fácilmente con monitores de LG!
@@ArnauRos ala que barato! Los de benq que había mirado estaban a mas de 400€. Sabes si full hd es suficiente para diseño?
Yo solo uso mi MacBook pro de 13 pulgadas (creo que es Full HD también) para ui/ux y diseño gráfico, y me va de sobras. Depende del trabajo que quieras hacer y si tu ordenador tiene la capacidad para 4K. Busca unas reseñas online y por youtube, puede ser que sea lo que buscas
@@ArnauRos yo creo entonces que con full hd bien, 4k me han dicho que se ve todo muy chiquito. Gracias por la recomendación!
What I can't figure out is the pricing, it does not mention anywhere on the site if it is a yearly subscription or a one time payment.
One time!
This is great but im confused how this fits in with client branding?
for example, say those colors/typography are not on brand? would i go in and change the colors/typo in figma then notify the dev ?
and how about layout? if everyone used this template wouldnt every website look basicly the same?
Hi Jay, you can easily change the colors and fonts if you wish in the style manager! Hope this helps
@@ArnauRos How do you change font? Am I missing something or do I need to change the font on all the hundreds of different font weights and sizes?
Please could you send a link to your figma ui kits?
in the description!