A design tool that is also a developer tool. Introducing profiles in Hadron.(medium.com)

almost 4 years ago from Nacho García , co-founder of hadronapp.com

  • Nacho García , almost 4 years ago

    Hello designers! We've been working very hard on reshaping Hadron for the past months. Thanks to everyone that has given us feedback!

    After this update, you can also design without writing code using the UI, but despite that, you're actually generating your own code because Hadron edits code on the fly.

    I'm here to answer all your questions and hear any feedback you might have.

    4 points
    • Tejas Bhalerao, almost 4 years ago

      Waiting for the early access approval.

      2 points
      • Nacho García , almost 4 years ago

        We've many requests and we're sending them gradually so we can talk to users and iterate while keeping things easier for us at the moment.

        2 points
        • Troy RobinsonTroy Robinson, almost 4 years ago

          Appreciate your steady and patient method for onboarding testers. I'm happy to try Hadron with my app design process when you're ready!

          0 points
    • Rhys MerrittRhys Merritt, almost 4 years ago

      Hi Nacho - I'm not sure I understand this part

      because Hadron edits code on the fly

      What does this mean when compared to other tools like Webflow and Modulz? How does this make Hadron better, or different?

      0 points
      • Nacho García , almost 4 years ago

        Hi Rhys!,

        It means that your design isn't stored internally as a big JSON that need to be converted to code when you export it. There is no export phase where that JSON is converted to code. Instead, Hadron edits the actual code everytime you touch something in the UI, like changing a color. (Take a look at the video titled "Hadron edits your own code" at hadron.app)

        This makes possible a total integration of your designs with the development environment.

        What are the advantages of this approach?

        • You could work on production files themselves.

        • You can edit the code manually, so if you have some HTML or CSS knowledge, you can modify the design code, avoiding the limitations of the tool. Our developer mode is only possible this way. And you can use it to learn HTML/CSS too!

        • You could design in Hadron while a developer teammate is coding in their preferred code-editor outside of Hadron and be synced through git.

        • You could import an existing web project into Hadron.

        2 points