Recursos
para diseñar mejor.

Herramientas y sitios que revisamos y usamos, para no partir de cero.

Cada uno entra después de revisar su reputación y lo que dicen quienes lo usan. Si aparece uno mejor, lo reemplaza.

Son sitios externos, no de la CCS. Antes de usar algo en un proyecto, revisa su licencia y si pide citar al autor.

En números

23

recursos revisados

7

categorías

15

sistemas de diseño

Filtrar

23 recursos

01 · Herramientas

Herramientas

Para hacer: paletas, contraste e íconos.

  • Coolors (se abre en otra pestaña)

    coolors.co

    Genera paletas de color con la barra espaciadora: fijas los colores que te sirven y cambia el resto. También revisa contraste y exporta en hex, CSS o PNG. Gratis, con plan pago.

    • Color
    • Accesibilidad

  • Iconify (se abre en otra pestaña)

    iconify.design

    Más de 300.000 íconos de código abierto, ordenados en sets con un estilo propio cada uno: elige un set y todos combinan. Para la interfaz, con plugin para Figma y componentes para código. Es lo que usa Solar. Gratis; revisa la licencia de cada set.

    • Íconos

  • Noun Project (se abre en otra pestaña)

    thenounproject.com

    Millones de íconos de conceptos y pictogramas, de miles de autores: útil para piezas gráficas, presentaciones e infografías. Gratis si citas al autor; con el plan pago, sin cita. Cada ícono es de alguien distinto: revisa que los que elijas combinen.

    • Íconos

02 · Referencias

Referencias

Para mirar antes de diseñar: sitios, tipografía e ilustración.

  • Illustrators.com (se abre en otra pestaña)

    illustrators.com

    Agencia de ilustradores con un catálogo ordenado por estilo (vector, grabado, dibujado a mano, 3D…), tema y uso. Sirve para encontrar el nombre de un estilo y describirlo al pedir una ilustración, también a una IA. Las obras son de artistas reales: toma el estilo como referencia, no copies una obra ni pidas imitar a un artista.

    • Ilustración
    • Inspiración

  • One Page Love (se abre en otra pestaña)

    onepagelove.com

    Galería de sitios de una sola página y de secciones (precios, preguntas frecuentes, footer…), elegidos desde 2008. Filtros por categoría, estilo y tecnología. Sirve para landings. Gratis; también vende plantillas.

    • Inspiración

  • SiteInspire (se abre en otra pestaña)

    siteinspire.com

    Sitios web elegidos por su diseño, con filtros por estilo, tipo y tema, y se actualiza seguido. Sirve para buscar referencias de diagramación y dirección de arte. Gratis.

    • Inspiración

  • Typewolf (se abre en otra pestaña)

    typewolf.com

    Fuentes usadas en sitios reales, alternativas a tipografías conocidas y listas de las mejores de Google Fonts. Sirve para elegir una tipografía y ver cómo se ve en uso. Gratis.

    • Tipografía
    • Inspiración

  • Typographic Posters (se abre en otra pestaña)

    typographicposters.com

    Archivo curado de afiches tipográficos y gráficos, con miles de piezas de diseñadores de 42 países. Se busca por color, etiqueta y palabra clave. Sirve para piezas gráficas, landings de eventos y titulares con tipografía expresiva. Gratis.

    • Tipografía
    • Inspiración

03 · Sistemas de diseño

Sistemas de diseño

Los referentes de Solar: cómo resuelven otros lo mismo que estamos resolviendo.