Adjunto ejercicio Figma
0:00/8:56
Recursos
Resumen
Reto Diseño e implementación de inputs
Crear un componente de input en Figma con los estados necesarios para la web que vimos:
- focus
- disabled
- hover
Incluyendo, un label, placeholder, helper text y un ícono de tooltip.
Espero ver tus diseños.
Diseño y Estados de Inputs en Figma: Focus, Disable y Hover
Curso Desarrollo Web para Diseñadores
Clase 18 / 23
Ver clases
Progreso del curso
Conceptos Generales
- 2
lockConceptos Básicos del Desarrollo de Software y Programación
Suscríbete para ver más - 3
lockModelo de Solicitud y Respuesta en la Web
Suscríbete para ver más - 4
lockFrontend y Backend: Conceptos y Comunicación en Desarrollo Web
Suscríbete para ver más - 5
lockQué es una API y para qué sirve
Suscríbete para ver más - 6
lockControl de Versiones con Git para Diseñadores y Desarrolladores
Suscríbete para ver más
Aproximación a los lenguajes de la web
- 7
lockConceptos Básicos de HTML para Diseñadores
Suscríbete para ver más - 8
lockQué es CSS y cómo funciona su sintaxis
Suscríbete para ver más - 9
lockConceptos Básicos de JavaScript para Diseñadores
Suscríbete para ver más - 10
lockVariables y tipos de datos en JavaScript
Suscríbete para ver más - 11
lockUso de herramientas de desarrollo en navegadores web
Suscríbete para ver más
Bases del diseño en el desarrollo
- 12
lockImágenes: Tipos, Formatos y Optimización para Diseñadores
Suscríbete para ver más - 13
lockOptimización de Imágenes para Mejorar Experiencia Web
Suscríbete para ver más - 14
lockCarga y Optimización de Tipografías Web
Suscríbete para ver más - 15
lockNomenclatura de Colores en Diseño y Desarrollo Web
Suscríbete para ver más
El diseño desde una mirada de desarrollo
- 16
lockEstados de Botones en Desarrollo Web con HTML y CSS
Suscríbete para ver más - 17
lockModelo de Caja y Estados en Botones HTML y CSS
Suscríbete para ver más - play_arrow
lockDiseño y Estados de Inputs en Figma: Focus, Disable y Hover
play_circleViendo ahora - 19
lockPaginación en tablas: tipos y cuándo usarlos
Suscríbete para ver más - 20
lockFuncionalidades Comunes en el Diseño de Tablas Interactivas
Suscríbete para ver más - 21
lockDiseño e Implementación de Checkbox: Estados y Atributos HTML
Suscríbete para ver más - 22
lockQué sigue después de aprender HTML, CSS y JS
Suscríbete para ver más



