• Puede incluir: Un gráfico que muestra un icono de Figma transformándose en un icono de Tailwind CSS con el texto "Tailwind Blocks" y el lema "Compatible con Figma to Tailwind Plugin". El fondo es azul oscuro con un patrón de rectángulos blancos superpuestos.
  • Puede incluir: Una plantilla de diseño de sitio web con más de 70 bloques, que incluye diseño automático, variables, estilos locales y opciones de modo oscuro y claro. La plantilla incluye una tabla de precios con tres niveles de precios.
  • Puede incluir: Un gráfico que muestra 15 categorías de sitios web populares con la cantidad de veces que aparecen en un conjunto de datos. Las categorías son: Blog (5), Contacto (3), Comercio electrónico (3), Contenido (8), CTA (13), Característica (8), Pie de página (8), Galería (3), Encabezado (9), Héroe (6), Precios (2), Estadística (3), Paso (3), Equipo (3) y Testimonios (3).
  • Puede incluir: Una tabla que muestra las variaciones de color para un tema de sitio web. La tabla enumera el nombre de cada color, sus variaciones claras y oscuras, y la variable CSS correspondiente.
  • Puede incluir: Una captura de pantalla de una pantalla de computadora que muestra un plugin de Figma a Tailwind CSS. El plugin convierte los diseños de Figma en código Tailwind CSS. El plugin tiene un editor de código, una ventana de vista previa y una sección de bloques. El editor de código muestra código Tailwind CSS para un elemento de sección con un nombre de clase "section". La ventana de vista previa muestra un sitio web con un fondo oscuro y una imagen gris claro de una cerca y hierba. La sección de bloques muestra una lista de diferentes bloques que se pueden usar para crear un sitio web.
  • Puede incluir: Una maqueta de diseño de sitio web con fondo oscuro y texto blanco. El texto dice "Únete a más de 100 usuarios en Figma. ¡Gracias por tu compra!"
  • Puede incluir: Código para una sección de sitio web con un fondo gris claro. La sección contiene una imagen con un borde redondeado y un fondo gris claro. La imagen tiene 656 píxeles de ancho y 530 píxeles de alto. El código también incluye un div con un fondo transparente y una disposición flexible.
  • Puede incluir: Una captura de pantalla de un sitio web con un fondo oscuro y un logotipo azul claro y blanco. El sitio web se titula "+70 Drag & drop Tailwind Blocks" y tiene una sección titulada "BLOG (5)" con varios diseños de sitios web diferentes.
  • Puede incluir: Un gráfico que muestra un icono de Figma transformándose en un icono de Tailwind CSS con el texto "Tailwind Blocks" y el lema "Compatible con Figma to Tailwind Plugin". El fondo es azul oscuro con un patrón de rectángulos blancos superpuestos.
  • Vídeo de producto
  • Puede incluir: Una plantilla de diseño de sitio web con más de 70 bloques, que incluye diseño automático, variables, estilos locales y opciones de modo oscuro y claro. La plantilla incluye una tabla de precios con tres niveles de precios.
  • Puede incluir: Un gráfico que muestra 15 categorías de sitios web populares con la cantidad de veces que aparecen en un conjunto de datos. Las categorías son: Blog (5), Contacto (3), Comercio electrónico (3), Contenido (8), CTA (13), Característica (8), Pie de página (8), Galería (3), Encabezado (9), Héroe (6), Precios (2), Estadística (3), Paso (3), Equipo (3) y Testimonios (3).
  • Puede incluir: Una tabla que muestra las variaciones de color para un tema de sitio web. La tabla enumera el nombre de cada color, sus variaciones claras y oscuras, y la variable CSS correspondiente.
  • Puede incluir: Una captura de pantalla de una pantalla de computadora que muestra un plugin de Figma a Tailwind CSS. El plugin convierte los diseños de Figma en código Tailwind CSS. El plugin tiene un editor de código, una ventana de vista previa y una sección de bloques. El editor de código muestra código Tailwind CSS para un elemento de sección con un nombre de clase "section". La ventana de vista previa muestra un sitio web con un fondo oscuro y una imagen gris claro de una cerca y hierba. La sección de bloques muestra una lista de diferentes bloques que se pueden usar para crear un sitio web.
  • Puede incluir: Una maqueta de diseño de sitio web con fondo oscuro y texto blanco. El texto dice "Únete a más de 100 usuarios en Figma. ¡Gracias por tu compra!"
  • Puede incluir: Código para una sección de sitio web con un fondo gris claro. La sección contiene una imagen con un borde redondeado y un fondo gris claro. La imagen tiene 656 píxeles de ancho y 530 píxeles de alto. El código también incluye un div con un fondo transparente y una disposición flexible.
  • Puede incluir: Una captura de pantalla de un sitio web con un fondo oscuro y un logotipo azul claro y blanco. El sitio web se titula "+70 Drag & drop Tailwind Blocks" y tiene una sección titulada "BLOG (5)" con varios diseños de sitios web diferentes.
Informar sobre este artículo a Etsy

Bloques CSS de Tailwind: más de 70 secciones del sistema de diseño, modos claro y oscuro (archivo Figma)

Eugenio Ciccale

Diseñado por Eugenio

Propietario de plusuidesign
Aún no hay reseñas

Detalles

Descarga digital

Tipos de archivos digitales

1 archivo

Traducido por Google
Ver en el idioma original
Traducir a español
Lo sentimos, no hemos podido traducir este anuncio al español.

Bloques de viento de cola + Variables del sistema de diseño de viento de cola

✨NUEVO✨ Modo oscuro y claro

Una colección curada de secciones web meticulosamente diseñadas, creadas con diseño automático 2.0 y 3.0 y conversión perfecta a código mediante el complemento Figma a Tailwind AI.

Este archivo se perfecciona y actualiza continuamente.

Más de 70 secciones de viento de cola
🌟Qué hay dentro:
❖ BLOQUES:
↳ Blog (5)
↳ Contacto (3)
↳ Contenido (8)
↳ Llamada a la acción (13)
↳ Comercio electrónico (3)
↳ Reportaje (8)
↳ Pie de página (5)
↳ Galería (3)
↳ Encabezado (9)
↳ Héroe (6)
↳ Precios (2)
↳ Estadística (3)
↳ Paso (3)
↳ Equipo (3)
↳ Testimonios (3)

Reflejos
- Más de 70 secciones únicas
- Variables del sistema de diseño CSS de Tailwind
- Modo claro y oscuro
- Secciones listas para usar Mix & Match
- Fácil conversión a código con el complemento Figma a Tailwind AI
- Documentación de elementos adicionales y variables incluida.

Formato .fig:
1 archivo Figma - 4.0 MB

Ver los detalles completos del artículo

Precio:MX$552.68

IVA incluido

Descarga inmediata

Los archivos estarán disponibles para descargar una vez que se confirme el pago. Sigue estas instrucciones.

No se admiten cambios, devoluciones ni cancelaciones de los artículos de descarga inmediata. Ponte en contacto con el vendedor si tienes algún problema con tu pedido.

Compra con confianza
Protección de compras de Etsy

Si surge un problema con un pedido que reúne los requisitos, te cubrimos las espaldas. Ver las condiciones del programa

También podría interesarte

Ver búsquedas relacionadas

Página de destino

Plantilla de sitio web

Fecha de publicación: 27 may 2026
8 favoritos
Página de inicio Papelería y artículos para fiestas Papel Artículos de papelería Diseños y plantillas Plantillas Plantillas para sitios web