Penpot for websites

Hey, I am curious does anyone use Penpot for designing websites here?

If yes, I would love to quick chat with some of you!

2 Likes

:waving_hand: I think Penpot is ideal for web design!

Yes I do use it for that and is awesome. The html code output from the tool is not perfect, but the CSS one is.

What’s wrong with HTML?

Depending on how you have structured your component, it will not just be copy and paste to your code editor and everything will be fine. Sometimes you will need to recreate it to make things semantic.

It’s not exactly wrong, is just not perfect for every context.

Why? You can’t export what you created. It is pointless to use it for web design, other than have a nice picture. For which you can use Photoshop too.

How to get the HTML and CSS? I am on the free plan.

Hello @cebulon

You have to select the element you want to see the code for, then switch to the inspect mode at the top right of the screen. Two other options will show up: info and code. Just choose code, and it will be there for you to copy.

Of course, Penpot does not translate every element to what it was supposed to be semantically on HTML, so if you’ve drawn a <select>, it will probably show as a div and you’ll have to correct it on your code editor.

2 Likes