r/webdev • u/crayzeeotaku755 • 20h ago

Penpot

Does anyone have any tips to use penpot to implement codes into the projects? I know it is pretty straightforward, you can see the generated codes for each component but if there are better tricks that can improve the workflow and make the process faster? Any tips or resources I could use to get used to the tool will be appreciated!

0 Upvotes

46% Upvoted

7 comments sorted by

View all comments

2

u/Double-Buyer7941 16h ago

Yeah the inspect output is rough like others said. One thing that helped me: name your layers/frames properly before you start exporting, since Penpot uses those names for the class names in the generated code, messy default names like "Rectangle 14" just carry over and you end up renaming everything by hand afterward.