Open Source Design Kit

Recursos Curados

Herramientas, tipografías, íconos y licencias verificadas que utilizo en la construcción de mis proyectos web y de producto.

Recurso Open Source Insignia

The AI Workflow Engineering Playbook

Guía maestra 20/80 de 4 módulos canónicos para Product Designers y Frontend Engineers: Prompt Engineering tipado, latencia concurrente (Skeleton-of-Thought), topologías de agentes (MCP/LangGraph) y seguridad OWASP.

Licencia MIT Python 3.11+ Pydantic AI 1.0 W3C DTCG
Ver en GitHub Laboratorio en Vivo
Software de Diseño & Entornos de Desarrollo
Proprietary

Figma

Por Figma Inc.

Diseño UI/UX, prototipado e infraestructura de Design Systems.

Proprietary

Adobe Photoshop & Illustrator

Por Adobe

Craft visual, retoque de imagen y assets vectoriales de precisión.

Proprietary / Free

Google Antigravity IDE

Por Google DeepMind

IDE avanzado de desarrollo asistido por agentes para workflows autónomos y prototipado.

MIT / Open Source

VS Code (VSC)

Por Microsoft

Editor estándar para ingeniería web y ecosistema React / Astro.

Proprietary / Credit-based

Higgsfield

Por Higgsfield AI

Generación de imágenes y video con IA (Soul, Flux, Veo, Kling) para exploración de concepto y visuales hero.

Sistemas de Diseño & Arquitectura de Componentes
Open Web

The Component Gallery

Por Iain Bean

Índice de más de 60 componentes de interfaz y 2.600+ implementaciones reales de 95+ sistemas de diseño en producción.

Curated / Free

Design Systems Repo

Por Jad Joubran

Colección exhaustiva de sistemas de diseño, guías de estilo, especificaciones de tokens y herramientas de UI.

W3C Open

Open UI

Por W3C Community Group

Iniciativa de investigación del W3C para estandarizar la anatomía, estados y controles nativos de la web.

Free Reference

Checklist Design

Por George Hatzis

Colección curada de checklists de UI/UX con estados esenciales, casos borde y criterios de accesibilidad.

Freemium

Mobbin

Por Mobbin Inc.

La mayor biblioteca de flujos UI/UX web y mobile del mundo, documentando flujos reales en producción y patrones de interacción.

Fuentes & Tipografía
OFL (Open Font License)

Bricolage Grotesque

Por Mathieu Triay

Usada en los titulares de este sitio.

OFL

Space Mono

Por Colophon Foundry

Usada en UI, botones y badges de este sitio.

OFL

Plus Jakarta Sans

Por TokyoType

Usada en el texto del cuerpo.

Íconos & Ilustraciones Open Source
ISC

Lucide Icons

Por Lucide Project

Más de 1,700 íconos vectoriales limpios y consistentes.

MIT

Tabler Icons

Por Paweł Kuna

Gran biblioteca de íconos para UI y dashboards.

MIT

Phosphor Icons

Por Helena Zhang & Tobias Fried

Familia versátil de más de 9,000 glifos en 6 pesos (Thin, Light, Regular, Bold, Fill, Duotone).

CC BY 4.0

Solar Icons

Por 480 Design / Atom63

Colección moderna de alta precisión con más de 7,400 glifos en 6 estilos (Bold, Linear, Broken, Outline).

Patrones & Texturas SVG
CC BY 4.0

Hero Patterns

Por Steve Schoger

Patrones de fondo SVG repetibles para diseño web.

✦ ¿Preguntas sobre mi perfil? Hablemos