TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Mockups fixed by making collaboration effortless, built with React

334 pointsby dwwoelfelalmost 10 years ago

48 comments

thebouvalmost 10 years ago
I&#x27;m trying to figure out the audience.<p>I&#x27;ve never had to collaborate on a mockup. I make mockups. I review mockups. I mark mockups up. But I&#x27;ve never wanted to do one live with someone else. That&#x27;s just me though so an example of when this is used would be great.<p>Some feedback: I use Balsamiq and have for years. The whole reason I use a mockup tool in the first place is so I don&#x27;t have to draw everything by hand or make boxes in Photoshop. The ability to use pre-drawn UI items is golden.<p>While the collaboration features are cool and hi-tech, this seems like the beginnings of a mockup tool, but not a full one yet. So saying &quot;we fixed mockups&quot; seems a bit of a stretch. It&#x27;s a nice start though and I look forward to seeing where it goes.
评论 #9660484 未加载
评论 #9659488 未加载
评论 #9660392 未加载
评论 #9660363 未加载
swannodettealmost 10 years ago
Just wanted to chime in and say this beautiful application was built with a pretty cool technology stack: ClojureScript, Om (ClojureScript bindings to React), Clojure and Datomic.
评论 #9661344 未加载
arihantalmost 10 years ago
I have mixed feelings here:<p>1. This is just wire-framing, not mock-ups. Adding mock-up features will take away the realtime-discussion-ness of the product, so that&#x27;s that.<p>2. Wire-framing is essentially a brainstorming exercise. I&#x27;m not sure if it&#x27;s actually very worthy to do initial <i>brainstorm</i> together.<p>3. But, what is valuable is that once you brainstorm, to show that to coworkers and let them make edits in realtime to discuss.<p>4. However, this product is fully focused on making the <i>brainstorming</i> part collaborative, not the review part. So much so that for the review use case, I can use it for free.<p>So I don&#x27;t know. I&#x27;d still like to explore and brainstorm alone. Things must pass a threshold before they are shown out. Maybe there is a market, but I have never started on a blank canvas with a coworker.
foxpcalmost 10 years ago
This is pretty amazing!<p>I am looking for a quick way to sketch some apps and this might be the simplest way to do so even though it misses a couple of things.<p>Some of the things to improve:<p>* Snapping. Sometimes when the area is small, the snapping is annoying as I won&#x27;t be able to vertically center text in the box even though it should be possible physically. Maybe, turning off snapping?<p>* More text settings (font size at least)<p>* Predefined elements. Surely, it must be kept simple but things like arrows would help a lot and my crooked hands won&#x27;t have to draw crooked arrows :)
评论 #9659476 未加载
dwwoelfelalmost 10 years ago
If anybody from Trello is around, we&#x27;d love to do an integration. As Trello users ourselves, we want to be able to attach a Precursor wireframe directly to a card and sketch our ideas in a Precursor doc without leaving Trello.<p>Contact daniel@precursorapp.com
评论 #9663992 未加载
dluanalmost 10 years ago
WOW impressed with the shortcuts. Within a second of loading, I started using all the typical adobe shortcuts, and they even got a shift+? for the shortcut menu.<p>That alone is pretty impressive and shows that these guys know who they are building for. Well done!<p>* I know this is a tall order, but even adding some of the more technically difficult but basic functions like colors, shapes, borders, radiuses, gradients, etc would be incredible. Could you make a browser version of Sketch?<p>* * Slack needs to buy this app, now.
enriquecastlalmost 10 years ago
I&#x27;d like to congratulate you for such an impressive user interface: so fast, sleek and well designed. For the purpose of creating mocks I&#x27;d like to have more prebuilt components though.
评论 #9660003 未加载
jondotalmost 10 years ago
Amazing! I think you just raised the bar for UX. The level of detail is OCD crazy.<p>Any chance you can share how you got to such polish? the workflow of modeling the animations and UX? How you concluded SVG would be best? tooling you used?<p>Amazing!
评论 #9661563 未加载
1qaz2wsx3edcalmost 10 years ago
I think something that could really help this app succeed, is sharable UI elements.<p>There are a lot of common things I don&#x27;t want to redraw (date pickers, dropdowns, file uploads, etc, etc). However, I don&#x27;t want these provided as a static set, because the web and my needs are always changing&#x2F;growing.<p>If I was able to browse the community&#x27;s drawings and add them to my profile for quick insertion into a mockup that would be great or even create my own for reuse.<p>Just my two, - Cheers
评论 #9660213 未加载
评论 #9660214 未加载
alextgordonalmost 10 years ago
This is awesome. One tiny minor thing. Can you add a little bit of a delay to releasing shift when drawing a shape?<p>I&#x27;m spoiled by the behaviour in Photoshop where there&#x27;s a little bit of a delay (~75ms) between releasing shift, and it taking effect. This means that both shift and the mouse button can be released simultaneously, instead of having to consciously be aware of the order that you release the keys.
评论 #9660224 未加载
JoelSutherlandalmost 10 years ago
This works amazingly well on a Surface with pen&#x2F;touch. It&#x27;s the fastest app I&#x27;ve seen for going from idea to wireframes. So impressive that this could be done with web tech.
guylepage3almost 10 years ago
Wow! Impressive tool. We already can see the use cases for our workflow. One great one is when we need to quickly get the teams input on an idea or UI element. Dare I say Slack for UI?
dbg31415almost 10 years ago
This is cool, in concept. But there&#x27;s no way that drawing all the shapes manually is an improvement over my existing system for creating annotated wireframes using Balsamiq (<a href="https:&#x2F;&#x2F;balsamiq.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;balsamiq.com&#x2F;</a>) and Red Pen (<a href="https:&#x2F;&#x2F;redpen.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;redpen.io&#x2F;</a>).<p>While I certainly do like feedback from the team, I don&#x27;t want other people marking up my wireframes in a way that makes it impossible to tell who drew what &#x2F; said what.<p>Site note, the latest version of Balsamiq is REALLY great. They added a bunch of simple things like Font Awesome Icons, and the ability to keep all the project wireframes in one file.
评论 #9659991 未加载
ripbergealmost 10 years ago
No offense, but this tool seems pretty raw. Why announce it now?<p><a href="https:&#x2F;&#x2F;moqups.com" rel="nofollow">https:&#x2F;&#x2F;moqups.com</a> is a great web based mockup app I have been using for a few years. It&#x27;s very slick.
评论 #9660554 未加载
评论 #9661606 未加载
cselalmost 10 years ago
Although there are many different tools out there, sometimes I just want to fire something up and start working on it. Speed, as in how quickly you can start working on something without having to tinker around with different tools and components is a huge plus. Use case scenario = design meetings, brainstorming sessions, client meetings etc. Plus the right click palette and the UI is very useful.<p>Assigning different colors for users working on the same canvas will be helpful to track who is working on what.<p>Considering this is an initial release, it is pretty amazing.
robotnoisesalmost 10 years ago
Very nice looking landing page. On the surface this seems to fill the void left by Easel.
artursapekalmost 10 years ago
I like the tool selection mechanism. One minor suggestion there: allow me to make more quick, &quot;jerky&quot; gestures to select a tool by not limiting the size of the circle when I click&#x2F;release really fast. So I should just be able to right click and flick to the right to get the rectangle tool. It&#x27;s a tiny detail, but one that might be fun to implement :)
mortenjorckalmost 10 years ago
What&#x27;s really great about this is that it is a prototyping tool that <i>enforces</i> low fidelity. Not having multiple colors, not getting to choose fonts is actually a major feature, because it requires all collaborators to focus on the layout and functionality before getting into the weeds.
评论 #9660602 未加载
malux85almost 10 years ago
Wow this is amazing! Great work guys. It&#x27;s fluid and beautiful and functional.
desireco42almost 10 years ago
UX is great. Like others pointed out, it is of limited functionality. You would need to add pre-made elements to be able to wireframe things. Then ability to link those.<p>But UX is a solid foundation to continue developing this idea.
newobjalmost 10 years ago
The app is not personally useful to me, but this has to be the best feeling web app I&#x27;ve ever used. Fluid, no illusion-shattering glitches, everything just works, including &quot;desktopisms&quot;. Kudos.
leephillipsalmost 10 years ago
Apparently this is made with Om (Om makes React available to Clojurescript).
krat0sprakharalmost 10 years ago
Good work! Looks like its built in Om?
评论 #9659281 未加载
danhardmanalmost 10 years ago
Having trouble zooming in and out (ctrl + scroll). The zoom is incredibly sensitive and once I&#x27;ve zoomed one way, I can&#x27;t get back to normal... Only to the polar opposite.
评论 #9659422 未加载
rainingsalmost 10 years ago
First of all, this is an amazing app. It uses many SVG animation. But the drawback about SVG animation is when it comes to cross browser support, especially safari. You will have many issue working in safari browser. That is one of the reason i still pending to implement cool SVG animation and UI in to the real project development. Last but not least, Good work, keep it up.
Spooksalmost 10 years ago
How did you find the process of working with React for this project compared to other js libraries
评论 #9659926 未加载
评论 #9659893 未加载
vfroggeralmost 10 years ago
Serious Slow Clap guys. To do this as a web app is really impressive. Great UI. Only recommendation would be to have a library of prebuilt commonly used components, similar to balsamiq, but I&#x27;m sure you are aware of them.
andrepdalmost 10 years ago
I don&#x27;t think this is a criticism of this app, so much as web developing as a whole, but it&#x27;s crazy how this app is hogging one CPU core at 100% to draw a circle AND still runs at around 15fps.
Omnipresentalmost 10 years ago
Amazing app. I haven&#x27;t explored React much yet. How is the collaboration part working i.e. changes made in one browser window show up in the another instantly. Is React being used for this?
nazgul1almost 10 years ago
I like it a lot but it&#x27;s unusable for me as I need to make things that are longer than the screen (often much longer), yet this forces me to work within size of the screen.
评论 #9660599 未加载
cracellalmost 10 years ago
Why can&#x27;t apps like this have a accessible demo available to try it out? Not interested enough to spend time signing up and I avoid SSO whenever I can for various reasons.
评论 #9660764 未加载
planetjonesalmost 10 years ago
I have a black screen, a blue tooltip saying &quot;Right-click&quot; and nothing whatsoever happening when I right click.<p>Firefox 31.5.0<p>edit: is it really necessary to downvote for reporting a valid bug !?
评论 #9659616 未加载
ciriartealmost 10 years ago
Looks amazing! I love the responsiveness. Congratulations.
patrickaljordalmost 10 years ago
The presentation&#x2F;intro&#x2F;design looks amazing. Can&#x27;t comment on the product itself as it&#x27;s not my field of expertise but great job!
mako-tacoalmost 10 years ago
Beautifully designed, and props to the engineers for keeping everything so snappy, even with all the animations. Really quality work.
randallalmost 10 years ago
I&#x27;ve used this before and really liked it.
alexgaribayalmost 10 years ago
Amazing app! The design is very elegant and clean. I love The minimal use of colors and UI interactions are delightful.
blitialmost 10 years ago
Is it supposed to work on mobile?
评论 #9659375 未加载
hoodoofalmost 10 years ago
Sure looks cool and like looks of coding went into it.<p>Whether its something that meets a need, dunno.
drivingsouthalmost 10 years ago
Love the design &#x2F; feel
mkageniusalmost 10 years ago
Good work!<p>The pencil tool could be a little more smooth maybe? Like, when making circles?
elwellalmost 10 years ago
Excellent execution. I hope you can find a niche were it pays off.
brobdingnagianalmost 10 years ago
This app doesn&#x27;t render correctly on my chromebook.
评论 #9659642 未加载
pachydermicalmost 10 years ago
This seems really well made, guys. Way to go!
inflam52almost 10 years ago
Love this tool. Clean and easy to use.
taconealmost 10 years ago
It&#x27;s pretty sluggish on Firefox.
评论 #9661586 未加载
ryan-allenalmost 10 years ago
Ah, this is nice, and fast!
geniiumalmost 10 years ago
Very interesting!