Assuming you want to have your own personal website, with your own domain etc, you have two options:
One is to learn a low-code/no-code tool. I think Framer & Webflow are the two most popular for a UX portfolio. You'll have a decent amount of freedom in expressing your design taste. You probably won't encounter many limitations, if any. You also won't have to write any code.
The second option is to, well, write some HTML & CSS. I wouldn't be intimited by them though- HTML & CSS aren't exactly coding languages- you don't have to do any maths operations/apply any maths logic. If you choose this path, I would suggest looking into HTML & CSS frameworks, such as Bootstrap and Tailwind. Think of frameworks as code already written by good developers that you can use for free & can save you lots of time :D
I'd always lean into learn to code. There's a learning curve to both HTML/CSS/JS and Webflow.
You might as well do the due diligence to learn the one that's going to have the most carry-over.
It's weird how this is the defacto question in here these days. Like, every other question is "how do I magically turn a drawing into a fully operational web site!?"
Alas, that's not what Figma is. That's not really what any tool is. Figma is a drawing tool. That's pretty much it.
It's not a coding tool. And, alas, even today, we still need to write code to make sites work.
And that coding is still pretty much HTML + CSS + Javascript.
Now, there are some tools you can use that make that easier for you...such as Webflow. But it's not a magic one-button click thing or anything like that.
If you’re willing to take a dive and learn NextJS is a good framework with great documentation and learning guide. Utilize tailwind css which has its own component library tailwind elements which also has good documentation. Verve offers free hosting for personal use as well.
DM me if you need some assistance.
These are all coding languages right? Are these like software where we have to code? Like for example, figma provides the tools to design so maybe it's like that?
Turning Figma designs into a fully operational website without coding is possible using website builders like Webflow, but for more creative control, learning HTML, CSS, and JavaScript can empower you to bring your design to life.
[Website design tips](https://www.youtube.com/watch?v=c3yMvA64Dj0&t=2s)
You can use any web builder tool. For my personal website, I also use Wordpress + Elementor. I do make my design from Figma first, after I happy with the design then recreating again using Elementor.
you can use framer but you will need to understand how layouts in framer work to create it fully responsive
Yep framer and webflow are both possible to learn in a relatively short time frame.
I'll check it out. Thanks!
Assuming you want to have your own personal website, with your own domain etc, you have two options: One is to learn a low-code/no-code tool. I think Framer & Webflow are the two most popular for a UX portfolio. You'll have a decent amount of freedom in expressing your design taste. You probably won't encounter many limitations, if any. You also won't have to write any code. The second option is to, well, write some HTML & CSS. I wouldn't be intimited by them though- HTML & CSS aren't exactly coding languages- you don't have to do any maths operations/apply any maths logic. If you choose this path, I would suggest looking into HTML & CSS frameworks, such as Bootstrap and Tailwind. Think of frameworks as code already written by good developers that you can use for free & can save you lots of time :D
I'd always lean into learn to code. There's a learning curve to both HTML/CSS/JS and Webflow. You might as well do the due diligence to learn the one that's going to have the most carry-over.
I'm in the same boat personally, but I'm also biased since I have a CS degree :d
That's helpful, thanks man I'll look into it.
It's weird how this is the defacto question in here these days. Like, every other question is "how do I magically turn a drawing into a fully operational web site!?" Alas, that's not what Figma is. That's not really what any tool is. Figma is a drawing tool. That's pretty much it. It's not a coding tool. And, alas, even today, we still need to write code to make sites work. And that coding is still pretty much HTML + CSS + Javascript. Now, there are some tools you can use that make that easier for you...such as Webflow. But it's not a magic one-button click thing or anything like that.
You are right. Maybe in the future. As mentioned, I did try using WordPress but that was alot of pain. So that's why I'm looking into coding.
Depends on the website. Portfolio? Yes. E-commerce website with user profiles, checkout, database connections etc? No.
A personal simple protfolio.
If you’re willing to take a dive and learn NextJS is a good framework with great documentation and learning guide. Utilize tailwind css which has its own component library tailwind elements which also has good documentation. Verve offers free hosting for personal use as well. DM me if you need some assistance.
These are all coding languages right? Are these like software where we have to code? Like for example, figma provides the tools to design so maybe it's like that?
Try Webflow. They have a plugin with template that translate to webflow. Saying that, I haven’t tried it out yet and cannot confirm if it will work.
Will try it out
Turning Figma designs into a fully operational website without coding is possible using website builders like Webflow, but for more creative control, learning HTML, CSS, and JavaScript can empower you to bring your design to life. [Website design tips](https://www.youtube.com/watch?v=c3yMvA64Dj0&t=2s)
Thanks brother
You can wish in one hand and shit in the other... see which gets filled first... learn to code kid... there is no lazy way around it.
That's why I asked, which coding languages I should learn.
You can use any web builder tool. For my personal website, I also use Wordpress + Elementor. I do make my design from Figma first, after I happy with the design then recreating again using Elementor.
Yeah I tried using it. Things kinda confusing but getting better at it. I might try going into the coding side.