Just got my beta access for Framer X. They describe themselves as "Unity for design" bridging the gap between Sketch and React using code-based components. I think it has a lot of potential. Would love some non-designer perspectives. What do the front-end devs here think of it?

We will probably hate it, but let me see

It looks to me it will be great for designers to deliver responsive designs, but maintaining it and adding features by dev is probably near to impossible.

only for mac....

📌

It looks really similar to figma to me

@lukegv computer generated code can never be good code.

lol gotta love how airbnb is ALWAYS on all design and code tools, it's like they have one department just paid for trying all tools producthunt can find 🤣 tell us how you feel about it once you've tried, sounds interesting, but could fail just like all the other tools before it.

The react code components they are recommending less as "this is production-worthy code" but instead more focused on their component store where people build interactive components and others can use (like libraries) which are either free or sold. But because you can see and edit the code (like Unity) it is something that can be cleaned up for production if so desired.

Some other interesting prototyping-to-code apps are more one-way, where you design something and it just generates code as output for devs to implement. That I would be suspicious of, like classic web WYSIWYG shit code. Couple products that look like they might be good for outputting code for animations and transitions are Flow and Haiku.

I think there is potential for a design tool that gives you the design and interactive freedom of Flash but without the proprietary code. Framer X isn't quite that, but it's getting closer.

@JoshBent airbnb is pretty good for devs as far as I know. Their javascript styleguide is amazing.