Figma
Figma es el estándar de facto para diseñar interfaces. Funciona en el navegador, la colaboración en tiempo real es su seña de identidad y prácticamente cualquier equipo de producto con el que trabajes te va a pasar un enlace de Figma en algún momento.
Como builder te interesan dos cosas: los prototipos interactivos, que te permiten validar un flujo antes de escribir una línea de código, y el Dev Mode, que traduce los diseños a medidas, variables y fragmentos de código listos para implementar. La comunidad además publica miles de plantillas y kits de UI reutilizables.
El plan gratuito es suficiente para proyectos personales y equipos pequeños. Aunque no seas diseñador, aprender lo básico de Figma te ahorrará muchas iteraciones a ciegas en el frontend.
Alternativas a Figma
Penpot
penpot.app
Alternativa open source a Figma, autoalojable y basada en estándares SVG.
v0
v0.dev
La IA de Vercel que genera interfaces en React y Tailwind a partir de prompts.
Canva
canva.com
Gráficos rápidos para marketing: posts para redes, presentaciones y kits de marca.
Framer
framer.com
Diseña y publica sitios web de producción de forma visual, con CMS e IA integrada.
Lovable
lovable.dev
Crea aplicaciones web completas a partir de prompts: de la idea al producto desplegado.