Development Design Projects Contact Blog

Bridging the gap between Design and React development

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!

Stay up to date!

Sign up for our bi-weekly newsletter to get extra tips and tricks on how to make better products.

Privacy policy

Also Read

Design + UX

How execution quality affects user trust

Events

UX - Blockchain Business Łódź 2019

We gained our expertise by working for clients such as

Viacom logo
mBank logo
Samsung logo
Payback logo
Analizy logo
Kup Fundusz logo
Seachange logo
Nickelodeon logo
Comedy Central logo
MTV logo
Paramount logo
Viva logo
Szkoła Wyższa Psychologii Społecznej logo
Sage logo
Renault logo
BWM logo
Multikino logo
Oriflame logo
Analizy logo
Kup Fundusz logo
Paramount logo
Viva logo
/user/themes/hype4-theme/img/2019/

Let's talk about
what you want to create.

Contact us! We will get back to you shortly:

Additional contact:

Michał Malewicz

[email protected]

Szymon Adamiak

[email protected]