Subscribe
Sign in
Modulz — The next step in visual coding
Modulz is a visual code editor for designing and building digital products—without writing code.
44
Replies
@shreyaa_ratra We haven't decided on pricing plans yet. That will come early next year probably.
We're on Kickstarter right now though, for $99 you can grab lifetime access with free updates forever 😉
https://www.kickstarter.com/proj...
Super excited to have backed this project. Love the direction it's going and the blurring of lines that are happening in our industry
So proud to have backed for the beta... I just can't wait! This things seems like the future for me...
@colmtuite
- I Love figma, but I'm not ok with being online only,
- Sketch is fucking slow on new features…
- XD is……… Adobe…
- Studio is… Invision…
- Framer is too complex (even if powerful)
Please be like Sketch but better haha
@katrynvonfelsen We're kiiiiiiinda like Sketch. It looks and feels like Sketch. But all components in Modulz are interactive, no static vectors.
Modulz is a web app too, like Figma. It's a progressive web-app, so we'll have some offline capabilities. But full offline-mode will be later next year.
Have you tried Webflow? Modulz is probably closest to Webflow. Except it has design systems baked in, it's component-driven and exports React components.
Online is the thing I misread by mistake 😅.
This is the actual reason I choosed Sketch over Figma at my job sadlyt…
I'm still interested into trying it!
Webflow is such an amazing CMS & Design tool… I even considered about using it for our startup at one point because it is damn complete
I can't believe this only has 291 votes so far?! I'm really excited for this product and agree with @katrynvonfelsen, I believe this is the future. Do you have any plans with bringing in and displaying real data in the designs?
@katrynvonfelsen @blakefosdick Thanks Blake!
Yes absolutely, I think live data, or at least realistic data is an essential part of UI design. Modulz won't ship with live data integration, but we definitely plan to look into it later next year.
We would love to maybe leverage GraphQL for data. The dream would be to allow teams to pull data from their own data sources. But we would also love a set of simulated data, so people can design with realistic data without hooking up a data source.
Stay tuned!
@katrynvonfelsen @blakefosdick @colmtuite if you could tie in real data and create targets and actions and triggers that would be amazing... it’d be like building a flash app back in the day. Hope you guys reach that point because it would be a huge breakthrough!
I cannot wait to try this. So happy to be of the few to actually back the project and get my hands on it on early stage. Excited wha the future brings for prototyping.
@angelosarnis Thanks for all your support Angelos, you've been a huge help so far!
@rawr_jays Thanks RJ! That's actually a great summary of one of our main goals. We want to give designers more control over their output by bringing it closer to production, without sacrificing creativity.
Can't wait to get you playing with it!
As someone who toes the line between designer and developer, I’m really excited to get my hands on this. React was what convinced me to push myself as a developer to start actually building my designs, because it fit my mental model so well — a tool like this would take my workflow to the next level. Visual coding is super exciting to me.
Hi Colm and Stephen, will I be able to create and manage my own design system from which the components inherit the styling etc? I notice from your videos that you have some styling based on 5px increments. The design system I’m working on is based on 8px. This may sounds like a silly question but I’m really keen to be able to access the separation of concerns. FYI, I’m a designer more than a front-end dev (my dev chops are simply too slow for enterprise environment). Also, will there be support for typographic rhythm and scale settings? And how that might change between viewport widths?
@sblakeborough Hey Steve,
The idea is that you will have a theme tab, where your style variables will be housed. There will be variables for typefaces, type scale, space scale, responsive breakpoints, corner radus, shadows, color etc.
These variables will be available as style properties, when you're styling your components. Update a variable in the theme and it will update across your whole product.
You will have control over your space scale. You can set a base unit (5dp, 8dp etc.), then choose which values you want from that scale.
@lorikarikari Thanks Lori! We're starting with React DOM, so we're just supporting the web for now. Hopefully, later next year, we can starting looking at other platforms.
I absolutely love this idea, I’ve been looking for an app just like this where I can design apps in a GUI setting and have them exported and this looks like it has what I want. I can’t wait to see it in action!
Hey guys, Modulz looks very exciting! Especially because I work with Webflow a lot.
Do you have any plans of adding advanced interactions like in Webflow? Or is the use case mostly for designers to hand off react components to developers? I really don't like how Webflow handles classes, it's very hard to build component based designs that actually make sense.
@anna_0x That is the best description of Modulz I've ever seen 😄
Yes! It's like Webflow with design systems baked in, an abstracted component editor and React export.
@colmtuite OMG I'm so hyped 😍 I'm still figuring out Webflow and web development, but once I do, I'd love to get started with React development and boy does this seem perfect!
@colmtuite Damn, now I'm actually a bit conflicted. Buy on Kickstarter now and secure a good price forever or wait because I may not even use this for the next two years?? 😫
@alexjpanagis Thanks Alex! We're still in prototype phase. We're live on Kickstarter now, offering beta seats.
We're planning to launch an alpha in December and a beta in February.
Looks great, Colm. Super excited to see this got funded! Can't wait to see where it goes. 😉
This looks a lot like PageDraw.io, except PageDraw is a lot more mature. Am I wrong? If there is something I'm missing I would love to know.
@armaan_gupta Last time I checked, PageDraw were attempting to take static mockups from Sketch/Figma and generate production-ready React/Angular code from them. Not sure it that's still their goal.
Modulz is not trying that at all. With Modulz, you design interactive components within the app. There are no vectors or mockups involved.
Radix UI