6 ms·
The problem is that our design tools are not good enough. Sketch combined with a handoff tool like Zeplin is lightyears ahead of Photoshop for web and app desig
by mattkevan 9y ago
The problem is that our design tools are not good enough. Sketch combined with a handoff tool like Zeplin is lightyears ahead of Photoshop for web and app design, but fundamentally, at heart, it's a draw program. You make a page, draw a bunch of boxes and call it a website.
It's not. It's a page layout. But websites and apps aren't pages, they're dynamic systems built from interactive components with multiple states and screen sizes.
All visual web builders do is replicate traditional drawing tools, but output to HTML/CSS rather than Postscript or bitmaps. This is not enough, except for the most basic of brochure sites.
There's still a massive gap between designs and working code. Some things that are easy to do in Sketch are tough in code and vice versa - it's too easy to do things that become problems later. And because it's static images, it's not easy to show live data or interactions.
Prototyping tools like Framer and Flinto can help here, but again, it's never a true representation of what can actually be done in code.
For both layout and interaction, the developer has to recreate something that's already been created - it's an inefficient process, and one that go wrong unless the design team thoroughly understands the systems they're designing for and can know the consequences of their design decisions.
I've seen it happen many times where developers struggle to implement something that the designer did quickly without really thinking about. Not the designer's fault - just falling down the gap between design tools and medium. And not enough collaboration between the teams.
There is some really cool stuff on the horizon however. React, and the move towards component-based design and development is making this possible. But it's early days.
Supernova Studio [0] is an interesting start, along with Alva [1] and AirBnb's Lona[2].
[0] https://supernova.studio https://supernova.studio
[1] https://meetalva.io https://meetalva.io
[2] https://github.com/airbnb/Lona https://github.com/airbnb/Lona