Bridging the gap between Design and React

MichaƂ

We have been talking about UX merging with visual design, to avoid communication issues for a while now. It seems however, that it was just the tip of the iceberg. The notion that designers should code and front-end developers should design (to some extent) is becoming stronger and stronger. Last january I showed our ideal competency division on stage at PPNT Gdynia and now it couldn't have been more true.

2018 has been a great year so far for design/development tools. Framer X got announced and then released. New contenders like Modulz (modulz.app) are appearing. They are both bringing coding much closer to the design. In case of Modulz the gap is so narrow it may be the closest yet.

It seems as if we really need designer/developer combos. But why?

The reason is actually the same, as the one for mixing UX and UI knowledge within one person. The more people you have on a given task, the longer and more convoluted it becomes. A typical UX person can't imagine the visuals or animations, so builds the wireframe design without that foresight. This results in a lot of web and mobile apps being plain ugly, boring and yes - poorly coded from the front-end perspective. This is exactly why adding some front-end (hopefully React) knowledge to the mix actually results in the interface layout and animations/interactions being EXACTLY as intented, without the time needed to explain them.

In Framer a designer can modify components coded in react and send the developers info on what has changed. This is huge. Instead of wasting time explaining, then waiting for it to be coded and then adding further tweaks, a designer can do it right in code. Right the first time.

Modulz on the other hand promises an even closer mix of the two worlds, where you'd be "designing code" from the start. Imagine getting an already coded UI in React as a developer and only working on the logic. The future is sweet!

We at HYPE4 are heavily invested into the React (and React Native) technology. We use it to successfully build modern, scalable apps for both mobile and the web. We also focus a lot on details and great UI's so this combination seems like made exactly for us and we're welcoming it with open arms.

Even more awesome projects to come!

Also read

Design + UX

European Congress of Small and Medium-size enterprises

During the Congress in Katowice we didn't have time to answer all the questions, so we're taking the time to do that now.

Design + UX

Augmented Reality is more practical than VR

With the recent developments by Apple and Microsoft, Augmented Reality can beat VR and become the main digital "reality"

Create a product with Hype4

Learn our process
Let's talk