Organiza tus componentes

Clase 20 de 29 • Curso de Figma - 2020

Miguel A. López

student•

Otro tip: Nombren los componentes con nombres en ingles con (_) en vez de espacios y que no se repitan. El frontend podrá usar estos nombres para poner las clases en el CSS. (Se lo agradecerán)

Franklin Pérez

student•

Pro-tip! 🙌

Basace Rey Jiménez

student•

Excelente tip

Carlos Alejandro Hernández Mejía

student•

Esto es lo que hice, creo que cumple con lo solicitado 😅

mateo rodriguez fierro

student•

me gusta, solo que es dificil diferenciar los botones en sus diferentes estados, tambien podria ser un problema de accesibilidad, igual me gusto como te quedo!

Luis Velásquez

student•

Nunca había disfrutado tanto esta herramienta, que ya es mucho decir.

Leandro Acosta

student•

Angel Amado Pereira Caceres

student•

Mariana Orihuela

student•

Esta imagen fue un referente muy útil para hacer mi ejercicio. Corregiría el abuso de mayúsculas en el texto:

Ingresa a tu cuenta
Ingresa los datos
Nombres y apellidos
Confirma tu contraseña

Maylith Ángulo Angulo

student•

Platzi Team

student•

otra recomendación pertinente es nombrarlos de acuerdo a paradigmas de diseño. Uno de los paradigmas más usado en el mundo del desarrollo es el paradigma BEM (Bloque Elemento Modificador); en donde

Bloque: nombra al componente por su utilidad por ejemplo: top__navbar -Elemento: nombra al componente por su relación con el bloque por ejemplo: top__navbar-item -Modificador: nombra al componente en relación a la modifación del elemento por ejemplo: top__navbar-item-login

De esta forma se obtendrá una comunicación más fluida con programación, para sacar productos mucho más eficiententemente

Juan Bedoya

student•

Este es mi ejemplo:

Kevin Andres Curruchich Xocop

student•

Así quedé despues de ver lo que podemos hacer con Instance

Brenda Vázquez

student•

Jajaja igual yo

Hanz Rodriguez Emiliani

student•

Christyna Monsalve

student•

Sebastián Carrillo Fonseca

student•

Espero haberlo logrado! Compañeros denme feedback

Diana Mildred

student•

Me gusto tu ejercicio, desde mi nada experta opinión lo único que buscaría es balancear el tamaño en el header para desktop entre el icono y el texto en (juegos favoritos y únete a nosotros) y talvez revisar los contrastes en el call to action.

Sebastián Carrillo Fonseca

student•

Muchas gracias, lo voy a tomar en cuenta.creo que la tipografía del header me quedo muy grande 😅

Khevin Efraín

student•

Claudia Pérez Álvarez

student•

Por favor agradecería opiniones y consejos sobre mi aportación eso me ayuda a mejorar siempre, gracias! ![](

erick blanco

student•

esta bien sin embargo por cuestiones de accesibilidad debe haber un contraste diferente entre las etiquetas y titulos, al igual los botones, hay un cursos de accebilidad en la escuela de desarrollo web para que entiendas la importancia de ello

Oscar Felipe Piedrahita

student•

Se le ve bien pero, debería poner un fondo claro, es más amigable a la vista (blanco o colores pastel). A no ser, que para su producto lo represente los colores oscuros.

Esteban Calderón Sánchez

student•

Tengo que crear 3 instancias distintas para el botón maestro? No se puede hacer algo como component states en XD?

Santiago Camargo

teacher•

Básicamente las instancias pasan a ser los diferentes states :) Pero siempre los vas a controlar desde un solo lugar.

Esteban Calderón Sánchez

student•

Gracias! es que como vengo de XD hay cosas que aun no sé bien como utilizar :D

Platzi Team

student•

Mariana Orihuela

student•

En el curso de UX writing me dijeron que buscara sí o sí a mi diseñadora interior. Y en el curso de marca personal que pidiera ayuda descaradamente. Sus tips en los comentarios me sirven muchísimo como referencia, pero veo que son de hace un par de años. Los comentarios recientes andamos un poco abandonados. Así que si alguien ahí con experiencia en UI anda por aquí, le agradecería mucho su retroalimentación.