Hello!
​
I’ve rented my first domain, and I wan’t to start making the pages as fast as possible. I’ve read quite a few reddit and generic posts about how to use WordPress, but I still haven’t found out how to do it correctly.
​
I’m trying to build my website according my figma design, which I’ve done prior to renting the domain and setting up wordpress. I thoght that WordPress was going to be a bit like figma, but it really isn’t, which is my fault for not checking it out prior to renting the domain.
​
So I’ve come to ask: Is it possible to anyhow make WordPress look “like” figma (not in terms of blocks rather in the “design” of figmas page editing)? I just can’t use the wordpress layouting and website design editor somehow, its weird for me that I cannot place blocks anywhere I wan’t them to be…
​
It’s probaly an irrelevant question, but I haven’t found a solution after trying for a few days, not online nor offline, so I thought I’d ask here.
​
Sorry if this post is replicated like a thousand time and I just haven’t found it yet,
sincerely Vale.
[ad_2]
Okay, there is nothing currently that can convert your Figma design nor there is something that works kind of like figma for you to turn your design into a web page directly.
Webpages are made by code and, usually, what you would have to do is ship your design to a web developer who would use HTML, CSS and JavaScript to convert your design into code. Luckily though we have WordPress.
WordPress is a tool that lets you visually create a page without knowing how to code. So, assuming you already are in wp-admin, let’s take a quick tour. To your left, look for the following links:
– Posts: posts are a kind of page that is categorizable. You can create pages from a category and then list them and sort them and use them collectively;
– Pages: pages are standalone. In your Figma design those are the screens you created. They only connect if you link them;
– Appearance: you need to select a theme to start your design. You select this here. Also here you define the headers, footers, menus, etc. Mess around if you want, I’ll teach you to reset your site in a second;
– Plug-ins: Plug-ins add functionality to your site, either by adding front/back end improvements or giving you tools to make your design and development easier. To design on WordPress, Elementor is a must have tool, that is mostly free. You can also reset your site by installing wp-reset and after 5 clicks your site will become blank again;
– settings: here you define how links look on the bar, the language, and that kind of thing.
So basically you are going to add items to your page and setup links and logic in a very easy way while using WordPress.
Now, to be honest, you kinda need to watch at least a few videos on YouTube or get a course to learn the basics because it’s not hard but there’s a lot to learn. Experimenting is also going to lead you to knowing better.
But think of it as learning a new tool just like you did to Figma.
I think Webflow or Framer might meet your needs better
As a newb myself to WP, I had to watch about three YT WP 2023 videos before I started to grasp the concepts after having come from a hard coding (PHP) background. While I still have a ton to learn, I feel like I’ve gained enough confidence to start designing a new site for myself.
Watch the videos and just dive in. You’ll get it.
As I have already said in this subredd
Maybe you can start from here