Tool for quick UI mockup design to use as a reference for web and/or app dev

3 years ago by Shady_Shiroe to c/programming

I am curious if anyone of you know of or use a tool you can play around with layout to use as a reference, currently I would just use paper and pencil to write down ideas for screens, modals, and features, then use a drawing pad on my phone to put down boxes that represent where the content will be placed. It is an arduous task, but it really helps me focus as I suck at being very creative when I code since I just sit there changing colors or sizes for hours till it looks ok to me.

lordnikon 1 point 3 years ago

figma?

path: 0 7460496, hotness: undefined, score: 1, children: 2
Shady_Shiroe 1 point 3 years ago

Is that what that was for? I have seen the name but never looked into what it was

path: 0 7460496 7461687, hotness: undefined, score: 1, children: 1
lordnikon 1 point 3 years ago

yes it does everything you described in your post. our designers make layouts and different elements and our dev team just pulls those elements into our code. we also use it for mockups and do UX demos without coding anything.

path: 0 7460496 7461687 7462449, hotness: undefined, score: 1, children: 0
CeeBee 1 point 3 years ago

Penpot

path: 0 7460588, hotness: undefined, score: 1, children: 1
Shady_Shiroe 2 points 3 years ago

Love to see foss apps, gonna try self hosting this, thank you so much.

path: 0 7460588 7461668, hotness: undefined, score: 2, children: 0
programming
programming

@beehaw.org

login for more options
3347
186
1

All things programming and coding related. Subcommunity of Technology.


This community's icon was made by Aaron Schneider, under the CC-BY-NC-SA 4.0 license.

go to feed...