Subscribe
Sign in
Hud — A beautiful way to manage your UI patterns.
46
Replies
Best
@futhey Thanks James! I'm getting a lot of validation around publishing from within Hud. How do you see it fitting into your process?
@saxonfletcher I would love to go from base styles -> elements -> layouts in an interface like this. I like the “codepen-like” approach on the roadmap. I would love to be able to edit or create a new element and only see the styles which apply to that element, so it became sort of a web-ide for authoring CSS projects.
Looks nice from what little I can see in the screenshots but why gate the whole thing behind a login/sign up?
@sshakeel Hey Salman, this is good feedback. One of my next jobs is to bulk out the homepage a little bit.
Great idea! Question, how is it different from http://hugeinc.github.io/stylegu... ? I'm looking for something we can host on prem for enterprise due to privacy and security concerns. We'd be including code snippets for communication with end points etc
Hello Hunters!
I'm the maker of Hud, a simple way to create pattern libraries you can share with your team and the public.
I was inspired to build this to help our own team catalogue our UI components and overall design language.
I believe there is an interesting opportunity to create an "interaction management system" that manages both UI components and internal design docs. Imagine being able to build and collaborate on components before publishing to your product via GitHub or a hosted CSS file. In future you'll be able to share your components with others, combine components to form prototypes, and share components across platforms.
To give you an idea of a what library could look like check out http://gethud.com/l/bootstrap.
There are loads of possibilities and directions this could go, and I'm excited to get your feedback and answer some questions :)
@saxonfletcher Sounds cool but the examples don't load for me in Chrome/Mac: http://imgur.com/a/mvbPY
@geoffreywiseman @astrism Thanks for letting me know Geoffrey. Fix is currently being deployed. eta 20 minutes.
Seems like this could be awesome - providing the structure to build turnkey brand bibles from palette to functioning UX. Testing ASAP. @gethub @saxonfletcher
This is great, good job! However I wish there was more information available before signing up (perhaps a video?)
Do you plan on having separate HTML/CSS editors?
Also, do you plan on adding 'collaboration' within your products? Eg having 'team' page with multiple users. How do you share your libraries?
If you're interested in more detailed review, I'd like to help! :)
@casualmess Hi Jovana, I'm absolutely interested in a more detailed review. Feel free to message me directly on Twitter with your thoughts. Short answer to your above questions is yes to both :)
Looks pretty promising. Hope that it solves the problem of creating and maintaining the style guide and component libraries accessible on the web.
@proclaim Thanks for the feedback David! Definitely don't want to cause confusion about the brand. I was hoping there was enough distance but might need to re-think the logo if people deem it's too similar. Its meant to represent two layers (your product, and an interaction layer).
@saxonfletcher @proclaim have to admit I thought it's made my Medium (kind of because of the logo but mainly because of a very nice landing page - good job!).
@bshih Trade Marks & Symbols by Yasaburo Kuwayama.
If it hasn't been posted to Product Hunt Books, then it's all yours to post 😬
it would be awesome to see more explanation and demo of product before sign up. Btw it is really cool.
Hey @saxonfletcher looks slick! I haven't tried yet tho, what is the main difference from Frontify's style guides? https://frontify.com/styleguide#...
This is a super cool idea, I'm most excited about the possibilities of designers and engineers collaborating on a style-guide outside of the usual code base, keeps things so simple and unified, the git-hub integration would be cool too. What do you think progress will be like with the items listed in the roadmap?
@evan_breitsch Hey Evan, you've hit the nail on the head for me. The idea that you can abstract away your interactions into its own layer is really interesting. You could then introduce things like revisions, ab testing components, collaboration etc. Its a hard concept to explain but I think its incredibly powerful. I'm interested to know what you find most interesting/valuable about it?
This could be great for small startup teams, like my cofounder and myself. We're kind of pinch hitting design while getting our beta up but seems like this would add some structure and discipline.
@meganmatt42 Spot on! Initial target audience is smaller teams who don't necessarily have the resources to dedicate a full team to building and maintaining a design language. I think its valuable for design teams to set constraints and enforce consistency, especially when scaling.
The product has a huge potential. We have built something internally similar to this.
https://www.nordnet.se/brand/
When we needed to communicate with the developers or outside of the company we hit to a threshold of how to use it. It might be great to have a tutorial, samples, code blocks to help people build their own. The bootstrap example is great but It would be fantastic to see some atomic design examples or similar. It will help immensely to Hud to be a product that will be used and loved by many. Great job regardless, keep up the hard work.
It's really good :) Good job.
And, logo has a far resemblance with Medium logo. 😉
@philipsajeesh Thanks Sajeesh! That seems to be the consensus unfortunately. Will definitely play around with the form to create some more contrast. Definitely wasn't my intention. :)
Will definitely try it out! Seems like it has a chance to make our life a bit easier :)
Gumshoe.io