Tools like Figma and Framer are bridging the gap between design and code, pushing designers to think like engineers. In the near future, the most valuable creative professionals will be hybrids who can design and implement functional websites, making 'designer/engineer' a common job title.

Related Insights

Vercel's Pranati Perry explains that tools like V0 occupy a new space between static design (Figma) and development. They enable designers and PMs to create interactive prototypes that better communicate intent, supplement PRDs, and explore dynamic states without requiring full engineering resources.

AI-powered "vibe coding" is reversing the design workflow. Instead of starting in Figma, designers now build functional prototypes directly with code-generating tools. Figma has shifted from being the first step (exploration) to the last step (fine-tuning the final 20% of pixel-perfect details).

AI's productivity gains mean that on a lean, early-stage team, there is little room for purely specialized roles. According to founder Drew Wilson, every team member, including designers, must be able to contribute directly to the codebase. The traditional "design artifact" workflow is too slow.

Complex, code-based prototyping tools like Framer Classic and Origami served as a key differentiator for designers. Mastering them required an appetite for complexity, which cultivated a determined and influential cohort of designers who could bridge the gap between design and engineering, ultimately shaping modern product design.

Dylan Field predicts that AI tools will blur the lines between design, engineering, and product management. Instead of siloed functions, teams will consist of 'product builders' who can contribute across domains but maintain a deep craft in one area. Design becomes even more critical in this new world.

The current model of separate design files and codebases is inefficient. Future tools will enable designers to directly manipulate production code through a visual canvas, eliminating the handoff process and creating a single, shared source of truth for the entire team.

As AI models become proficient at generating high-quality UI from prompts, the value of manual design execution will diminish. A professional designer's key differentiator will become their ability to build the underlying, unique component libraries and design systems that AI will use to create those UIs.

Traditionally, designers needed to understand code limitations to create feasible UIs. With tools that render a live DOM on the canvas, this is no longer necessary. If a design can be created in the tool, it is, by definition, valid and buildable code.

AI tools are collapsing the traditional moats around design, engineering, and product. As PMs and engineers gain design capabilities, designers must reciprocate by learning to code and, more importantly, taking on strategic business responsibilities to maintain their value and influence.

As AI tools empower individuals to handle tasks across the entire product development lifecycle, traditional, siloed roles are merging. This fundamental shift challenges how tech professionals define their value and contribution, causing significant professional anxiety.

No-Code Tools Are Creating a New 'Designer/Engineer' Hybrid Role | RiffOn