3

Complex UX prototypes solved: responsive, interactive & free

 2 years ago
source link: https://www.producthunt.com/posts/antetype-2
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Antetype

Complex UX prototypes solved: responsive, interactive & free

  1. maxresdefault.webp
https://ph-files.imgix.net/d018929c-d0c7-43b0-849a-0128f5183eea.jpeg?auto=format&auto=compress&codec=mozjpeg&cs=strip
https://ph-files.imgix.net/20933d6a-be76-4fa1-974a-57c380b39cda.jpeg?auto=format&auto=compress&codec=mozjpeg&cs=strip
https://ph-files.imgix.net/d210a3d6-e3c2-4200-8fe7-ba19e3abf058.jpeg?auto=format&auto=compress&codec=mozjpeg&cs=strip
https://ph-files.imgix.net/ffdde84d-95ce-4df1-a4c7-01d5c0da1ee4.jpeg?auto=format&auto=compress&codec=mozjpeg&cs=strip
https://ph-files.imgix.net/12bc6691-e209-4d4c-bb5c-c79f6476435d.jpeg?auto=format&auto=compress&codec=mozjpeg&cs=strip
https://ph-files.imgix.net/fe2b3eb5-f9bf-40f7-a251-b9b76befec69.jpeg?auto=format&auto=compress&codec=mozjpeg&cs=strip
Antetype is advanced prototyping for UX designers: Truly-responsive layouts, elements synchronization & all-possible interactions. With those features, the prototype you build will feel like the final product. Amaze stakeholders – even in complex projects.
Featured 1d ago
Discussion
Would you recommend this product?
I like changing things to the better.

Hi Hunters, nice to finally meet you guys! I'm Chris from Antetype's Marketing.

We believe that design should make the world a better place. And we want to help you do that, even if your project or app is more complex than a flappy bird clone.

To reach that goal, Antetype helps you with 5 key features:

• Layouts are truly responsive and fit your content automatically, according to your rules. You can even use breakpoints for different screen sizes.

• Widgets automatically sync changes to every element of the same type. So you don't have to do it manually. (Of course you can keep some properties and content individual!)

• Interactions and animations can be as micro or as powerful as you need them – and you won't need to build and link 100 art boards for that. It's all done on the same screen.

• Editable and working text input. Finally use input fields to really test live user behavior – don't be satisfied by pre-defined texts you hard code into the prototype.

• Plus, Antetype generates pure HTML + CSS + JavaScript prototypes. It's 100 % open web technology. Yes, that also means you can extend it to render 3D models or animated graphs. Build literally anything you can imagine!

It's our goal to help designers around the world create great user experiences. And as good designers listen, we would love to hear your opinion on it! (And I'd love to see the prototypes you build 😁)

Let me know what you think, Chris

I am lizard
Tried Antetype a couple of hours and I think it has the best „Auto-Layout“ on the market. The whole app is built around the layouting functionality and it works like a charm. Furthermore it allows to build real high fidelity prototypes. You are able to manipulate objects by interacting with other objects, not just screen changes like in most other apps. Its's very easy to export a fully funtional HTML export that works in every browser. Great work guys.
I like changing things to the better.
@lurch9000 Wow, thanks for the enthusiastic words! Glad you like it! That's the reason we're building it: To really help designers build prototypes more easily.
CEO at Nection.io
@lurch9000 even that it is working in every browser sounds fantastic.
I like changing things to the better.
@lurch9000 @alex_vasylenko I always loved the idea of someone hacking Antetype prototypes onto their smart fridge's display. So if you ever do, please please let me know! 😁
CPO and Product Designer at nection.io
@lurch9000 I also love that they have a really working text inputs, that behaving as in real app
Senior UX Designer in Germany
Antetype is not perfect, but after working with multiple different tools I can say it has unique strengths: It is extremely easy to create highly structured UIs, perfect for the design of productivity tools and responsive applications that need to display complex interactions and data across multiple screen sizes - all within one coherent click-prototype.
I like changing things to the better.
@jan_schlegel Thanks for the in-depth comment and kind words! Glad you like it 😊
I like changing things to the better.
@jan_schlegel @alex_vasylenko Name any feature, will be done & released within 2 hours! 😄
Software Engineer and UX Researcher
I have already worked with previous versions of Antetype and always loved it. As a developer I especially like the layout system. Good luck with the new launch!
I like changing things to the better.
@sven_fackert Thanks for the kind words, Sven! Glad you like working with it!
CPO and Product Designer at nection.io
@sven_fackert Interesting to know how you work with it as a developer. Are you using the code from a prototype in real applications? If yes that's huge 👍
Software Engineer and UX Researcher
@alinama If the prototype is built well with responsive layouts, you may directly re-use parts of the code that is automatically generated by Antetype. I have done that for smaller components in a few projects yet. If that's not possible, the export view also includes an inspector to get all the info on each element, which I always use to implement the component as specified.
Looks like a very interesting tool, I will definitely check it out in more detail later today. PS: The space station demo doesn't work correctly in Firefox...
I like changing things to the better.
@alex_w2 Great to hear, I'm looking forward to your feedback! 😊 Thanks for the info, we'll take a look at it
I like changing things to the better.
@alex_w2 Hey Alex, we looked into it: We're using backdrop-blur to style some elements. Yet, one needs to activate this in Firefox manually. If you want to try this, take a look here: "From version 70: this feature is behind thelayout.css.backdrop-filter.enabled preferences (needs to be set to true) and the gfx.webrender.all preferences (needs to be set to true). To change preferences in Firefox, visit about:config."
I like changing things to the better.
@alex_w2 Does it work nicely for you now? Happy we could help!
@chrisguenther Just tried it, seems to be not a fix after all. Still no blur.
UX Research, Design & Engineering
Antetype is an awesome prototyping tool, especially for creating responsive high fidelity prototypes that look, feel and behave like the final product. In contrast to well-known alternatives such as Sketch or Figma, with Antetype prototypes it is possible to carry out usability testing without any limits (e.g. text input). Another benefit is that the prototypes are web-based, making it easy to host (and modify) them anywhere you want. I can definitely recommend Antetype. Give it a try!
I like changing things to the better.
@daniel_lauer Thank you very much for the in-depth details! Best of luck your tests always run smoothly 😊
Designer
@daniel_lauer Text input is desperately needed
To the moon

I work with Antetype for five years. Since then it made some decent steps towards a grown-up prototyping tool. Nowadays it serves me well on certain projects. Whenever I need to prototype for web, Antetype is my favorite choice due to the excellent layouting capabilities and the flexibility to use custom CSS/JS/HTML. I also really like the new cloud features as this will speed up my workflow. No more need to put a zipped webexport to Confluence.

I also heavily work with Protopie, which ticks some more boxes for me on mobile projects. Making use of the phone camera, gyroscope etc allows here an even higher degree of fidelity.

For exploring and creating design ideas I will stick to canvas based tools such as Sketch. But this is of course personal preference ;-)

Wish you all the best for the future and I'm eager to see what's coming next.

I like changing things to the better.
@florian8 Thanks for this really detailed view into your workflow! Some cool things happening soon, I'll love your feedback on those as soon as they are ready!
To the moon
@chrisguenther Thank you for the response 👍🏻
Co-Founder, Grsp
I'm so glad to see how far Antetype has evolved over the decade (I've been a user since 2013 (EAP days)). Congrats on this latest chapter. Let's keep going till we get to a full no code builder ;)
I like changing things to the better.
@uelsimon Haha, yeah it's been a exciting road to today 😄 Thanks a lot for the kind words. We'll seen when we get to no code builder 😁
Designer
Looks nice. Breakpoints WOW! Have to try…
I like changing things to the better.
@trakt140 We're kinda proud of them! Let us know what you think 😊

report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK