TL;DR
Figma
Figma is frequently mentioned as a top choice for app prototyping. It is praised for being free to use, offering robust features, and having an extensive range of plugins [1:3]
[3:2]
[4:3]. Figma's collaborative nature allows teams to work together in real-time, making it ideal for projects that require input from multiple stakeholders. It's also noted for its ease of use and suitability for both high and low-fidelity prototypes
[5:1].
Adobe XD
Adobe XD is another popular tool among designers. It offers powerful prototyping capabilities, especially for creating detailed animations and transitions [5:1]. While some users prefer Adobe XD for personal projects due to its user-friendly interface
[4:2], others debate whether it will overtake Sketch as the industry standard
[4:4].
http://Proto.io is highlighted for its drag-and-drop functionality, which makes it accessible for those who may not be familiar with more complex design software like Photoshop or Sketch [1:1]. It is particularly useful for creating interactive prototypes using native iOS and Android components, allowing for effective user testing and feedback collection.
ProtoPie
For high-fidelity prototypes and micro-interactions, ProtoPie stands out as a favorite. It is known for its ability to create realistic interactions without requiring code, making it a powerful tool for designers looking to simulate real-world app behavior [5:2]
[5:5].
Other Notable Mentions
These tools cater to various needs, from simple click-through prototypes to complex, interactive designs. The choice of tool often depends on the specific requirements of the project, such as the level of interactivity needed, the design complexity, and team collaboration needs.
What are the leading free or paid prototyping tools you are using? Looking for component based prototyping that enables drag and drop iOS and Android design elements to create an interactive prototype app for user testing and feedback.
I dont know how to build screens using Photoshop or Sketch and want to build user journeys using native iOS and Android components.
Invision, figma, or adobe xd
Figma, it’s free to use .
All the mentioned apps are great, if you’re looking for a click thru try insights
Thanks everyone.. giving these a try
Hey! I tried a lot. The one that helped me the most was Proto.io Just like you said you can just drag and drops the elements you want and there are some really helpful ready to use templates as well. Hope it helps you.
Thanks!
Figma has a mobile app but not really for building designs, just for viewing.
I know an iOS app called DetailsPro that’s pretty good.
Any other good app design tools to be used on iPhone?
Thank you
Best is subjective, but Adobe Comp is pretty good on both high and low fidelity mock ups. I really like how you can draw out common ui wireframe elements (such an x inside a box) and it will create a clean element for you that you can edit and resize.
However, if you want to steer away from Adobe (or just try out others to see which works best for you) I’d also recommend Marvel - design and prototype. I’ve used it the most.
Looks like Adobe Comp is being discontinued and has been removed from the app stores.
A shame, but good to know.
Welcome to UI Design. This sub's goal is to create a place for discussion surrounding UI Design.
There is no self-promotion allowed in this sub. This includes posting URLs of any kind that is intended for self-promotion purposes.
Constructive design criticism is encouraged, and hate and personal attacks are not tolerated. Remember, downvoting is not critiquing.
I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.
Proto.io, Balsamiq, Webflow, Marvel are some prototyping tools that you can use to develop mobile apps.
Looking for something
Too many search results to sift through, so I figured I would ask people who have prototyped a few app business ideas to brainstorm product-market fit, to do the same thing.
Thanks in advance!
Figma and Adobe XD are both great and have many free resources.
Actually, you can also use slides (ex. google presentations). It will still a valid prototype, but with less interaction. You can add more explanation text though.
If you're trying to do a more "useful" prototype, you can try Flutter or Svelte. They are both directed for production already (Flutter specially for mobile apps and Svelte for websites). They both are too fast and allow you to launch and try without much burden.
I'm creating a prototype in Flutter and its taking almost 4 months already... But this is because I'm creating a kind of simulator and the simulation logic is getting me mad lol. Flutter itself is helping as much as possible.
​
Please ignore what you don't understand :/. My English is rusty.
Figma
Figma
Figma!
You can use mockframe, It is a no-code tool that is extremely easy to use through the drag and drop feature. They also provide ready to use templates and Collaborate with your team through real-time updates.
Hello everyone, which kind of tools (web or mac apps) do you use to prototype your personal app projects?
Also like create iOS Screen designs, icon creation... etc I would like to know some useful tools for this, since I am working in a couple of side projects. Links to some post with a list of tools or github md are more than welcome, thanks for your help!
Take a look at Adobe XD. I am using it for my app and it is fantastic.
Figma is better, has more features and better plugins definitely worth a look.
Does it seem like AdobeXD is going to overtake Sketch?
Thanks for the help!!
Adobe XD and Figma are really good, free tools. Personally I prefer Adobe XD for my own projects.
Sketch is also highly popular, but it's paid, and I have never tried it out myself, so I can't say for sure. Also, it's Mac-exclusive. It is, however, very reputable, so if it's in your budget, I think you should check it out as well.
Hi, I want to learn how to design micro interactions that give the feeling of a well-designed experience. My question is, what are the tools used in well-known companies for prototype and micro interactions
ProtoPie, Origami, actual code.
Figma is godawful for anything beyond simple flows. Everything is simplified and none of it really delves into how things actually work. No logic, no separate timelines, etc. Always an amateurish touch to them.
ProtoPie is the best hands down. Sadly, I probably won't use it nearly as much now that I've had to jump on the AI train and have been building most of my prototypes that way as of late.
I built this entire thing on Bolt casually in two days, and now I'm hooked: https://www.reddit.com/r/howtheyvote/comments/1lsi3eq/original_prototype_screen_video/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button
Figma
Figma
AxureRP
For high-fidelity prototypes and micro-interactions, well-known product design companies commonly use tools like Figma (with its robust prototyping features and components), Adobe XD (good for detailed animations and transitions), and Framer (powerful for code-based interactions and realistic prototypes). Principle is also popular for creating animated UI elements and micro-interactions.
Some companies even use code-based solutions like React or Swift for extremely realistic prototypes, especially when testing performance or specific device features. The best tool often depends on the specific needs of the project and the team's skillset.
Hi all, I am looking for a tool to prototype my app. The tool should provide export functionality so that I can export templates to the app. Do you have any suggestions?
Thanks
Marvel
Figma
I’ve been struggling for a while to find a set of prototyping tools that really helps me quickly iterate. I’d mainly been bouncing around a few tools and never sticking to one.
I recently started using Dextrous (online component prototyping tools) and have been a bit wowed by how quick it’s made my iterative process.
I wonder what other tools people are using that they feel are a really solid addition to their workflow. Can anyone else share their “go to” tools? 🛠️ I’d love to know about the tools that you’ve really locked in to and now couldn’t do without!
I use GIMP to touch up art.
Inkscape to make templates, icons, boards and sometimes cards.
Multideck to use the above with a spreadsheet to make large decks of cards.
Then Scribus to make rulebooks (and sometimes cards).
Thanks. I’ve heard of a few of those. I know gimp and Inkscape are both open source is that the same for the others?
Scribus is open source, it has a similar function as Quark XPress or Affinity Publisher.
Multideck is a paid Mac only program, US$25. Works similar to nanDeck if you use nanDeck's Visual Editor. The others have PC, Mac and Linux versions.
Screentop.gg has been really cool in terms of making my online prototype.
Dextrous pairs really nicely with TTS, Screentop or PlayingCards.io
Hey all, I know I should do my own research but I figured it would be faster just to ask ya'll, is there a prototyping tool that literally lets you drag and drop working, functioning components for like a functioning wireframe? For instance, I'd love to just select a drop down menu, plop it in, and then populate it with items and have it work when I click through it, without having to make entirely different screens to show how the dropdown menu would work.
I'm an intermediate UX/UI designer so I know I should know these things but I'm just so used to working in XD and Figma for so long and making things super polished.
Check out proto.io
Axure Rp
Moqups?
Axure. But you have to commit to learning it. But it's completely worth it.
Hi everyone,
I am an iOS app developer who has just started creating my own apps.
I am looking for a free or low cost tool that I can use for UX and prototyping my app.
I don’t have much experience in UX design, still in the learning phase, so don’t want to use a lot of money buying subscriptions for UX softwares.
Also, I have worked with fellow UX people in my team and this is how I have some experience with Figma.
Any ideas will be great help!
Thanks.
If you already have experience with Figma, why not just use that?
Figma. It has an iOS styling toolkit.
top tools for app prototyping
Key Considerations for App Prototyping Tools:
Ease of Use: Look for tools that have an intuitive interface, allowing both designers and non-designers to create prototypes quickly.
Collaboration Features: Choose tools that support real-time collaboration, enabling teams to work together seamlessly and provide feedback.
Interactivity: Ensure the tool allows for interactive prototypes that simulate user experiences, including transitions and animations.
Integration: Consider tools that integrate well with other design and development tools you’re already using (e.g., Sketch, Figma, Adobe XD).
Export Options: Check if the tool allows you to export your prototypes in various formats or directly hand off designs to developers.
Top Tools for App Prototyping:
Figma: A web-based design tool that excels in collaboration, allowing multiple users to work on the same project in real-time. It supports interactive prototypes and integrates well with other tools.
Adobe XD: Offers a robust set of features for designing and prototyping with a focus on user experience. It includes voice prototyping and easy sharing options.
InVision: Known for its prototyping capabilities, InVision allows you to create interactive mockups and gather feedback from stakeholders easily.
Sketch: A popular choice among designers, especially for macOS users. It has a strong plugin ecosystem and integrates well with other tools for prototyping.
Axure RP: A more advanced tool that allows for complex interactions and dynamic content. It's great for detailed prototypes but has a steeper learning curve.
Recommendation: If you're looking for a balance between ease of use and powerful features, Figma is highly recommended due to its collaborative nature and versatility. For more complex projects requiring detailed interactions, consider Axure RP.
Get more comprehensive results summarized by our most cutting edge AI model. Plus deep Youtube search.