You can still produce something useful even if you’re not a professional designer. For example, you can use a rapid wireframing tool like Balsamiq (my favorite) or Excalidraw. With such tools, you can sketch an idea quickly without spending time on minor visual details. Or, use a whiteboard or good old pencil and paper. Any sketch is better than nothing.

– Source: dev.to
/
2 months ago

A few apps that are a joy to use: https://ia.net/writer for writing. https://usecontrast.com/ for checking contrast. https://sipapp.io/ for picking colors. https://nova.app/ for editing code. https://cleanshot.com/ for screenshots. https://getpixelsnap.com/ for measuring elements on screen. https://netnewswire.com/ for reading things via RSS. https://panic.com/transmit/ for file transfers. https://usefathom.com/…

– Source: Hacker News
/
9 months ago

I think the best practical approach for designing UIs is to download (and buy) Balsamic[0] and use that to design UIs. Cut through the nonsense of colours and pixels in the first instance and just lay things out logically and simply. [0] https://balsamiq.com.

– Source: Hacker News
/
10 months ago

Create a low-fidelity mockup or wireframe of your MVP using tools like Balsamiq, Sketch, or Figma. Or use an easier-to-use tool like Uizard, which also has text-to-design capabilities.

Source:
about 1 year ago

Just for drawing mock app screens, I have found Balsamiq[0] to be pretty good (you can do a bunch of stuff with the trial version itself). Not affiliated with them in any way. [0]: https://balsamiq.com/.

– Source: Hacker News
/
about 1 year ago

Balsamiq has been pretty good for me so far. It’s super bare-bones so it’s better for copy mockups than actual UX design. It’s also a lot easier than Figma. Note that you don’t have to use the default comic sans, but I do because it’s funny.

Source:
over 1 year ago

To get started with designing the user interface, you can create wireframes that outline the layout and functionality of

The interface. Wireframes are simple, low-fidelity representations of the interface that show the placement of elements

Such as buttons, forms, and menus. Wireframes can be created using tools such as Balsamiq, Sketch, or Adobe XD.

– Source: dev.to
/
over 1 year ago

Figma is what I use now but if you’re not familiar with it and want to put wireframes together quickly then have a look at Balsamiq. It’s a wireframe tool that has template UI components for mobile and web. Really easy to use and they have a 30 day free trial.

Source:
almost 2 years ago

For wireframes I use https://balsamiq.com and for fully rendered designs I use https://www.sketch.com which has iOS templates.

Source:
about 2 years ago

In most cases, it’s the actual functionality and surrounding user flows that count, so you should probably focus on that. One way of approaching that problem is making the prototype look like a prototype so that you send less time building it and no one expects it to be the final UI. For example, no one expects a Balsamiq wireframe to be the final UI. You can do the same with Figma: keep it bare bones.

Source:
about 2 years ago

I was introduced to this idea by the Balsamiq application. Balsamiq produces pictures in a very nice, handwriting-inspired style. Unfortunately, right now, it’s available only for a monthly subscription or a 30-day trial period—which makes it less suitable for sporadic users—for example, learners.

– Source: dev.to
/
about 2 years ago

With a user friendly interface, Balsamiq makes it easy to create low fidelity wireframes. Even people with zero experience in wireframing could jump in and put together ones that look good. Balsamiq encompasses both UI and UX, but really stands out with its low fidelity wireframes. Balsamiq’s nod to the physicality of whiteboarding makes the tool accessible to anyone, no matter their skill level.

Source:
over 2 years ago

Not the author, but they look like they’re from Balsamiq. I haven’t used it for a while, but I remember Balsamiq being a great tool, especially for quick low-fi UI wireframing. https://balsamiq.com.

– Source: Hacker News
/
over 2 years ago

Think through the functionality of the system. You can use https://balsamiq.com/ (it’s FREE) and it’s also the best resources. Think through and illustrate any and all the screen. No code needed, just draw what the user would do/see.

Source:
over 2 years ago

Https://balsamiq.com/

Balsamiq is one of the most beginner-friendly websites to design your first wireframe. It has a great user interface which would help design your website quickly
It has a 30-day free trial followed by a monthly subscription.

– Source: dev.to
/
over 2 years ago

I’d love some sort of App that let you draw webpage UIs similar to https://balsamiq.com/. Anyone else do this sort of thing on a Boox?

Source:
over 2 years ago

We really liked Balsamiq for designing our app!

Source:
over 2 years ago

Jira integrates with GitHub, Slack, Trello, Salesforce Sales Cloud, Balsamiq, Zendesk, Tempo, Atlassian Confluence, Gliffy, and Bitbucket amongst others.

Source:
over 2 years ago

Get https://balsamiq.com/ do the wireframe of all the screens what you want to show and when and why (needs not to be pretty); fire up a word doc and write the technical specs of how it’s supposed to work.

Source:
over 2 years ago

Then, we made annotated wireframes to get the more refined design ideas out of our heads, and on (virtual) paper. We used Balsamiq for this.

Source:
over 2 years ago

Balsamiq has been excellent when I’ve tried it before. Really fast to pick up and with a cute sketchy style.

Source:
almost 3 years ago