Cómo Crear Una Card Responsive En Figma (TUTORIAL)

¿Quieres aprender a crear una card responsive en Figma paso a paso? En este tutorial descubrirás cómo aprovechar el Auto Layout, añadir imágenes, textos y botones, así como crear componentes reutilizables. Con estos simples pasos podrás diseñar tarjetas profesionales y adaptables a cualquier pantalla, mejorando tu flujo de trabajo de UI/UX. Contenido del tutorial: 1. Añadir tu imagen y generar un frame con Auto Layout 2. Incorporar textos y ajustar el padding a tu gusto 3. Crear un botón y personalizar su color y forma 4. Combinar elementos en un frame llamado “contenido” y aplicar Auto Layout 5. Unir imagen y contenido en un nuevo frame (“card”) con clip content, color de fondo y sombras ----------------------------------------------------------------------------- ¿Negocio? Obtén Hosting Seguro y Confiable (Con SSL gratis) A partir de $4.95/mes*. Para sitios web personales y empresariales (Que yo, personalmente, llevo usando los últimos 5 años sin problema) - BANAHOSTING: https://manage.banahosting.com/aff.php?aff=12832 ----------------------------------------------------------------------------- ⏰Guía de video (Marcas de tiempo) 00:00 Introducción y objetivos del tutorial 00:08 Variaciones y funcionalidad responsiva 00:34 Vista general de los pasos a seguir 00:40 Paso 1: Añadir imagen y crear frame 01:12 Paso 2: Añadir textos y aplicar Auto Layout 02:18 Paso 3: Crear botón (CTA) y personalizar 03:46 Paso 4: Combinar elementos en un frame "contenido" 04:06 Paso 5: Crear el frame "card" y ajustes finales 05:00 Cómo posicionar elementos fuera del padding 05:25 Ajustar el diseño y redondear esquinas 06:24 Añadir más elementos y personalizar 07:38 Resumen del proceso y repaso de pasos 08:11 Despedida y llamado a la acción ----------------------------------------------------------------------------- Disclaimer* El propósito de este video es puramente educativo. --------------------------------------------------------------------- MÚSICA - LAKEY INSPIRED: https://cutt.ly/OuzNUZA - Music provided by Chillhop Music https://chillhop.ffm.to/creatorcred ¿Tienes más preguntas sobre Figma? Déjalas abajo en los comentarios ⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️