🧭 Recursos de Diseño Web que Sirven — Gratis y Freemium
De 16 webs, solo 8 hacen algo por ti sin cobrar
La lista viral mezcla herramientas reales con escaparates de pago. Después de probar cada una: 4 se usan sin pagar, 3 tienen free tier usable y 1 es una referencia gratis con sesgo declarado. Las otras 8 no sirven si no pagas o solo te dejan mirar.
Esta es la única nota que necesitas: qué es cada una, qué te da gratis, para qué sirve y cuándo pasar. Y para cada descartada, un reemplazo gratis verificado.
Casi todo es el mismo dueño
7 de las 8 útiles comparten el ecosistema Azwedo / Modulify o su stack. Solo Whipsaw es independiente. No es una selección neutral: es una red de productos que se enlazan entre sí y que se posiciona en su propio ranking. Úsalo a tu favor y quédate con lo gratis.
🏆 Los 4 que se usan sin pagar
| Recurso | Para qué sirve | Free tier | Veredicto |
|---|---|---|---|
| Landdding | Inspiración de landings y webs reales | Feed y búsqueda limitados, con anuncios | La mejor para empezar |
| Ikonik | Iconos SVG usables en producción | 50k variantes, descarga SVG, sin registro | La mejor gratis |
| Font in Logo | Saber qué tipografía usa una marca | Todo, sin muro | Útil y honesta |
| Whipsaw | Inspiración de producto industrial | Todo, sin registro | Otra liga |
🃏 Landdding — para ver landings reales
Qué es: galería curada de 2.700 landing pages y webs reales de 1.700 diseñadores, en 40 categorías y 5 plataformas (Webflow, Framer, WordPress, Wix y Squarespace).
| Campo | Dato |
|---|---|
| URL | landdding.com |
| Gratis | Feed, búsqueda y categorías limitadas · con anuncios · sin envíos |
| PRO | 48/año |
| Filtros | Categoría · tag · color · plataforma · semanal |
| Newsletter | Semanal y gratis |
Cómo usarla sin copiar:
- Filtra por tu sector, no por lo que te gusta. La referencia útil resuelve el mismo problema.
- Abre 10–15, no 100. Saturación = copia.
- Anota patrones: estructura del hero, orden de secciones, prueba social, CTA.
- Reconstruye con tu marca. Si copias la composición entera, se nota.
Para qué sí
Es el recurso más útil de toda la lista para el día a día. El gratis alcanza para mirar; paga el PRO solo si vas a guardar colecciones o enviar tu sitio.
✦ Ikonik — para sacar iconos
Qué es: buscador de 50.000 variantes de iconos open source de 40+ proyectos, con editor SVG integrado. La web dice «50k»; su catálogo deduplicado son 3.839 iconos únicos que aparecen en dos o más packs.
| Campo | Dato |
|---|---|
| URL | ikonik.modulify.ai |
| Gratis | Buscar, editar, copiar HTML, descargar SVG y usar plugins |
| Editor | Tamaño · grosor · color |
| Salida | SVG · HTML · React · data URI |
| Plugins | Webflow · Figma · Canva |
| Registro | No hace falta para buscar ni descargar |
| Licencia | La de cada proyecto original, no una única |
Cómo se usa:
- Busca el concepto en inglés; el catálogo está en inglés.
- Ajusta tamaño, grosor y color en el editor.
- Copia el SVG o descárgalo. Para web, el HTML inline evita una petición.
- Si vas a redistribuir un pack entero, revisa la licencia del proyecto original.
50k no son 50k únicos
Son variantes y versiones de 40+ librerías. Para producir da igual: encuentras el icono, lo ajustas y te lo llevas. Para auditar licencias, no: cada pack conserva la suya.
Para qué sí
Es el recurso que usaría a diario. Gratis, editable, con plugins y sin login. Si necesitas inspiración de iconos de apps en vez de assets, eso ya no está en esta nota: era Iconly, y solo dejaba mirar 30.
🔠 Font in Logo — para identificar una fuente
Qué es: base de datos que responde «¿qué tipografía usa esa marca?» para logos, películas, series, anime y videojuegos.
| Campo | Dato |
|---|---|
| URL | fontinlogo.com |
| Gratis | Consultar, buscar y probar el generador de texto |
| Base | 30.000+ usuarios · marcas verificadas + sección Famous |
| Generador | Escribe tu texto y lo ves en cualquier fuente |
| Cuenta | Solo para guardar |
Cómo se usa:
- Busca la marca o el título.
- Lee la ficha: fuente propuesta, autor, licencia y si es coincidencia verificada.
- Prueba tu texto en el generador antes de descargar.
- Si vas a producir, compra la licencia en la fundición original.
Muchas veces te da el clon, no el original
El logo de Netflix no usa Bebas Neue; el de Star Wars no usa Orbitron. Son lettering a medida o tipografías propietarias. La web te da la alternativa libre más parecida, y a veces la marca como «Verified». Útil para inspirarte; peligroso si crees que es la oficial.
Para qué sí
Para salir de un bloqueo y para identificar el estilo. No sustituye a un identificador por imagen ni te da la licencia.
🏭 Whipsaw — para inspirarte fuera de la web
Qué es: portfolio del estudio de diseño industrial, UX/UI, branding, packaging e ingeniería de San Francisco. 176 casos publicados, 1.000+ proyectos, 700+ patentes y 25+ años.
| Campo | Dato |
|---|---|
| URL | whipsaw.com/work-all |
| Gratis | Todo el portfolio, sin registro |
| Filtros | Servicio (Brand, Digital, Physical) · industria |
| Qué NO es | Herramienta, plantilla o banco de assets |
| Extra | The Workshop, programa de pago para fundadores de hardware |
Cómo estudiarlo:
- Mira el render sin leer. ¿Se entiende qué es?
- Identifica una decisión formal: una curva, un corte, un color.
- Pregunta qué problema resuelve, no qué estilo tiene.
- Escribe tres notas aplicables a tu proyecto.
Es marketing, no documentación
Enseña el resultado, no el proceso ni los errores. Para aprender método necesitas otra fuente. Para entrenar el ojo, es de lo mejor que hay gratis.
Para qué sí
Si diseñas producto físico, es una escuela. Si diseñas webs, úsalo para aprender a presentar un caso: problema, decisión, resultado.
🔓 Freemium que sí valen (con límites)
| Recurso | Para qué sirve | Gratis | Lo que falta |
|---|---|---|---|
| Modulify Templates | Clonar una web funcional en minutos | 121 plantillas · 1 sitio · 35 créditos IA · subdominio | Dominio propio, quitar marca, exportar código |
| Paper Animation | Animaciones de papel para Reels/Shorts | Exportaciones ilimitadas con marca de agua | Quitar la marca y galería privada |
| Closeit Fast | Firmar PDFs sin fricción | 1 sobre al mes, con auditoría y certificado | Sobres ilimitados |
🧱 Modulify Templates — si aceptas el lock-in
Qué es: 121 plantillas web funcionales para clonar en el builder de Modulify, repartidas en 30 categorías. No son mockups: navegación, formularios y responsive incluidos.
| Campo | Dato |
|---|---|
| URL | modulify.ai/templates |
| Gratis | 1 sitio · 35 créditos IA (una vez) · subdominio · marca Modulify |
| Starter | $20/mes anual · 100 créditos/mes · dominio propio |
| Pro | $40/mes anual |
| Exportable | NO — no hay salida a HTML, React ni Webflow |
Cómo sacarle partido:
- Clona la plantilla y edita a mano todo lo que puedas.
- Deja la IA para bloques nuevos: los 35 créditos se van rápido.
- Si necesitas el diseño para tu stack, usa el preview como referencia y reconstruye.
El «gratis» es el embudo
La plantilla entra gratis porque el producto que se vende es la suscripción. Sin Modulify no te sirve: no se exporta. Y las secciones «Free in Modulify» de Motion también viven aquí, no en un prompt libre.
Para qué sí
Solo si ya decidiste construir en Modulify. Para inspiración, Landdding; para secciones resueltas, no hay gratis real en Motion: sus prompts son de pago.
🎬 Paper Animation — para vídeo social
Qué es: toma una imagen, seleccionas un objeto y genera animaciones estilo recorte de papel o periódico para vídeo vertical.
| Campo | Dato |
|---|---|
| URL | paperanimation.ai |
| Estilos | Papel · Resaltado · Revista · Prensa |
| Gratis | Exportaciones ilimitadas con marca de agua |
| Creator | $9/mes sin marca |
| Lifetime | $39 pago único de fundador (1.000 plazas) |
| Salida | GIF y vídeo |
Cómo se usa:
- Sube una imagen con objeto claro y fondo limpio.
- Selecciona el objeto; si el recorte falla, la animación se rompe.
- Elige estilo y encuadre.
- Exporta y monta en tu editor de vídeo.
Para qué sí
Si haces Reels o Shorts y necesitas hooks visuales, los $39 se amortizan en una tarde. El efecto se quema rápido: úsalo como recurso puntual, no como identidad de marca.
✍️ Closeit Fast — para firmar de vez en cuando
Qué es: firma electrónica de PDFs. Subes el archivo, colocas los campos, defines el orden y envías un enlace de un solo uso. El firmante no necesita cuenta.
| Campo | Dato |
|---|---|
| URL | closeit.fast |
| Gratis | 1 sobre/mes para siempre |
| Pago | 72/año por usuario |
| Límites | Sin límite de sobres, firmantes ni firmas en el plan pago |
| Seguridad | SHA-256 · AES-256-GCM · certificado de finalización |
| Formatos | PDF · PNG · JPG · hasta 20 MB |
| Legal | No declara eIDAS / ESIGN / UETA |
No es un CRM ni «cierra ventas»
Es firma de documentos. Y no declara cumplimiento regulatorio: para contratos críticos, verifica la validez legal en tu jurisdicción antes de usarlo.
Para qué sí
Para freelancers y pymes que mandan 2–10 contratos al mes y quieren un flujo limpio sin DocuSign. Para uso ocasional, el sobre gratis alcanza.
🏆 Best AI Builder — referencia, no veredicto
Qué es: ranking de 101 herramientas que construyen webs con IA, puntuadas de 0 a 100 en craft, speed, control y value. 18 tienen revisión completa; el resto son entradas provisionales.
| Campo | Dato |
|---|---|
| URL | bestaibuilder.website |
| Gratis | Todo el índice |
| Nº 1 | Modulify AI — 94,6 |
| Publicado por | Modulify AI (declarado en la web) |
| Actualización | Semanal; última vista 31-jul-2026 |
El dueño del ranking es el nº 1
La web lo dice: «BestAIBuilder is published by Modulify AI, so the entry at number one is our own». La metodología parece seria, pero el conflicto es estructural. Léelo como mapa del mercado, no como estudio independiente.
Para qué sí
Para descubrir herramientas y entender los ejes con los que se comparan. Si tu decisión depende de una nota, haz tu propia prueba: mismo brief, dos builders, una tarde.
❌ Los 8 que descarté (y por qué)
| Recurso | Por qué no está | En su lugar |
|---|---|---|
| Iconly | 2.400 iconos, pero solo 30 gratis y no se descargan: es editorial. | Iconify |
| Motion In Design | 54 secciones, pero no hay prompt gratis: lo «Free» es clonar dentro de Modulify. 99 lifetime. | React Bits · Aceternity UI |
| DomainGrowth | Vende enlaces SEO desde $149; sin free tier y con riesgo de penalización. | Search Console + Ahrefs Webmaster Tools |
| Wedoflow | Plantillas Webflow de 169; sin plan gratis. | Webflow Templates gratis · Made in Webflow |
| Wonderlist | Diseños Figma de 599; sin prueba. | Untitled UI Free · Figma Community |
| Logo to Use | Descarga solo con Pro ($5/mes); el gratis es mirar. | Simple Icons · SVG Logos |
| Modulify AI Logo Maker | Generar es gratis, pero los archivos cuestan $19 por logo. | Namecheap Logo Maker |
| Sent DM | API de SMS/WhatsApp/RCS de pago por uso, sin free tier. | Telegram Bot API · Novu |
Las correcciones a la lista original
sent.dmno es para compartir enlaces: es una API de mensajería.closeit.fastno cierra ventas: es firma electrónica.Iconlyno son assets: son referencias editoriales.Motionno vende secciones gratis: vende prompts.- «Hundreds of free templates» son 121.
- «1.300+ pages» de Wedoflow son páginas dentro de plantillas de pago.
🆓 Alternativas gratis a los 8 de pago
Mismo problema, cero euros
Cada descartado tiene un reemplazo que hace el trabajo, no uno que se le parece. Ocho fichas con lo que dan gratis y dónde se quedan cortos. Dos excepciones honestas: Motion y DomainGrowth no tienen equivalente exacto, porque lo que venden no existe gratis.
| Descartado | Alternativa gratis | Qué te da | Dónde se queda corto |
|---|---|---|---|
| Iconly | Iconify + Simple Icons | 239 sets y +200.000 iconos open source · SVG, API y plugins | No es una galería curada de iconos de app; cada set conserva su licencia |
| Motion | React Bits + Aceternity UI | 215+ componentes animados con código que es tuyo · 200+ bloques copy-paste | Solo React/Next; no hay «prompt → sección»: montas tú |
| DomainGrowth | Search Console + Ahrefs Webmaster Tools | Datos reales de tu sitio, auditoría técnica y backlinks propios | No compra enlaces: los enlaces se ganan |
| Wedoflow | Webflow Templates gratis + Made in Webflow | Plantillas oficiales gratis y cloneables de la comunidad | Cuenta Webflow (Starter gratis) y menos variedad que el catálogo pago |
| Wonderlist | Untitled UI Free + Figma Community | 2k+ componentes, 350+ estilos, 20+ páginas, uso comercial | Sin variables ni Auto Layout 5.0; no son sets de nicho |
| Logo to Use | Simple Icons + SVG Logos | 3.467 y 2.043 logos SVG, CC0, descarga directa | Solo marcas existentes; la licencia cubre el archivo, no la marca |
| Modulify AI Logo Maker | Namecheap Logo Maker | Genera y descarga PNG + SVG gratis, sin marca de agua | Menos control vectorial que un editor; revisa la licencia |
| Sent DM | Telegram Bot API + Novu | Bot gratis sin cuota · Novu open source y 10.000 envíos/mes | Telegram solo llega a Telegram; Novu free: 20 workflows, 3 miembros y marca |
🧩 Cómo se combinan
- Iconly + Logo to Use caen en el mismo hueco: assets de marca. Iconify para iconos de interfaz; Simple Icons / SVG Logos para logos de terceros. Si necesitas el logo de una empresa, no lo redibujes: baja el SVG y respeta su marca.
- Motion + Wonderlist venden «secciones y pantallas bonitas». React Bits / Aceternity te dan el código; Untitled UI Free te da el Figma. Elige según dónde construyas, no por cuál se ve mejor en el vídeo.
- Wedoflow era Webflow empaquetado. El catálogo gratis oficial es más pequeño, pero sigue siendo Webflow nativo: clonas, editas y publicas.
- Modulify AI Logo Maker → Namecheap. Si quieres control real, abre el SVG en Figma o Inkscape y termínalo ahí; el archivo es tuyo.
- Sent DM → Telegram si el aviso es para ti; Novu si es un producto que notifica a sus usuarios por varios canales.
- DomainGrowth → no hay reemplazo. SEO gratis es medir y ganar, no comprar.
Lo que ningún gratis arregla
- Comprar enlaces: Google lo penaliza. Search Console y Ahrefs Webmaster Tools te dicen qué tienes y quién te enlaza; los enlaces se ganan con contenido, directorios y PR digital.
- Prompt → sección: Motion vende prompts, no código. Si no programas, el equivalente real es una plantilla de Webflow, no un prompt.
- Marca registrada: CC0 libera el archivo, no el derecho de uso de la marca. Para tu propio logo, usa tu marca o una fuente con licencia.
El orden que yo seguiría
- Iconos: Iconify, busca en inglés, copia el SVG inline.
- Animación: React Bits, instalas el componente y lo adaptas.
- UI: Untitled UI Free en Figma, cambias estilos y montas.
- Logo: Namecheap para el borrador, Figma/Inkscape para cerrarlo.
- Avisos: Telegram para probar en 5 minutos; Novu cuando haya usuarios.
Con eso cubres los 8 descartados sin pagar y sin depender del mismo ecosistema.
🕸️ El mapa del ecosistema
flowchart TB A["🏢 Azwedo / Modulify"] A --> B["🧱 Modulify Templates"] A --> C["🃏 Landdding"] A --> D["🔠 Font in Logo"] A --> E["✦ Ikonik"] A --> F["🎬 Paper Animation"] A --> G["🏆 Best AI Builder"] A --> H["✍️ Closeit"] I["🏭 Whipsaw<br/>independiente"]
La evidencia:
| Nivel | Qué se comprobó | Recursos |
|---|---|---|
| Dueño explícito | Pie «More by Azwedo» o subdominio de Modulify | Modulify Templates · Landdding · Font in Logo · Ikonik · Paper Animation |
| Publicación declarada | «Published by Modulify AI» | Best AI Builder |
| Mismo stack | Meta generator = Modulify y diseño idéntico | Closeit |
| Ajeno | Sin relación detectable | Whipsaw |
Por qué importa
No porque sean malos productos, sino porque la lista se presenta como curación neutral y es publicidad cruzada. El caso más claro: Best AI Builder pone a Modulify de nº 1 y lo admite en letra pequeña. Si lees estos sitios como fuentes independientes, te venden el mismo ecosistema varias veces.
✅ Elige según lo que necesites
| Necesito… | Empiezo por | Por qué |
|---|---|---|
| Inspiración de landings | Landdding | 2.700 diseños, filtros por plataforma y color |
| Iconos usables y gratis | Ikonik | SVG editable, plugins, sin login |
| Saber qué fuente usa una marca | Font in Logo | Gratis, directo, con alternativas libres |
| Inspiración de producto | Whipsaw | 176 casos, otra calidad de presentación |
| Una web rápida sin programar | Modulify Templates | 121 plantillas; acepta el lock-in |
| Un vídeo vertical con gancho | Paper Animation | Gratis con marca de agua |
| Firmar un PDF | Closeit Fast | 1 sobre gratis al mes |
| Comparar builders IA | Best AI Builder | Útil si descuentas el sesgo del nº 1 |
🧠 Lectura de fondo
La lista es el producto
Esta lista funciona como un catálogo de afiliación disfrazado de hilo de recursos. Eso no la invalida: Landdding, Ikonik, Font in Logo y Whipsaw son buenos en lo suyo. Pero conviene separar la herramienta de la narrativa que la rodea.
- Si buscas inspiración: Landdding y Whipsaw.
- Si buscas assets: Ikonik para iconos, Font in Logo para tipografías.
- Si buscas construir: Modulify Templates, sabiendo que pagas el ecosistema.
- Si buscas firmar o animar: Closeit y Paper Animation, con sus límites.
Y desconfía de cualquier ranking donde el dueño del ranking es el nº 1. Aunque la metodología sea honesta —y aquí lo parece—, la carga de la prueba no está de tu lado.
🔗 Notas relacionadas
- 🆓 free-for.dev — directorio real de free tiers, sin ecosistema único detrás.
- 🎮 Ported2Browser — otro directorio curado, con la misma lección: mira quién está detrás.