Es una buena practica traerte el codigo css que te da figma? de no ser asi que desventajas supone?

Jose  Manuel Rivas Márquez

Jose Manuel Rivas Márquez

Pregunta
studenthace 4 años

Es una buena practica traerte el codigo css que te da figma? de no ser asi que desventajas supone?

3 respuestas
para escribir tu comentario
    Francisco Narbona

    Francisco Narbona

    studenthace 4 años

    Es muy buena pregunta y muy buena la respuesta de la profesora. Pero si haces el curso de Responsive Design de Diego Degranda, él te recomienda no copiarlo exactamente porque no siempre coincide al 100%. Además como bien dice la maestra, la clave es tener la práctica y saber qué estamos haciendo y porqué. Otra herramienta que me ha gustado conocer es ADOBE XD, ahí también te muestra el código.

    Jose  Manuel Rivas Márquez

    Jose Manuel Rivas Márquez

    studenthace 4 años

    Gracias Profe! lo intente pero d everdad que es muy poco agil ya que hay que identar las etiquetas por uno mismo, figma le asigno una clase nueva a cada elemento, me rendi con eso LOL

    Estefany Aguilar

    Estefany Aguilar

    teacherhace 4 años

    Jose !!! Es una muy buena pregunta...

    Para esto, podemos tener dos escenarios:

    1. Copiar y pegar el código desde Figma siempre y cuando se sepa qué es lo que se está copiando y pegando.
    2. Copiar y pegar el código desde Figma sin siquiera revisar qué es lo que se está haciendo como tal.

    PROS del primer escenario:

    • Haces la maquetación más rápido.

    CONTRAS del primer escenario:

    • Pierdes agilidad al escribir código CSS.

    PROS del segundo escenario:

    • Haces la maquetación más rápido.

    CONTRAS del segundo escenario:

    • Pierdes agilidad al escribir código CSS.
    • Tendrás código CSS eterno porque se van a empezar a reescribir y duplicar clases todo el tiempo.
    • En un futuro, mantener ese código va a ser muy complicado.

    Personalmente, no le veo inconveniente siempre y cuando:

    • Seamos conscientes del código que se está transcribiendo.
    • Tengamos una metodología de CSS clara para el nombramiento de las clases.
    • Evitemos el código repetido (y para esto tambn podemos hacer uso de los preprocesadores).
    • Mantengamos buenas prácticas.
    • Haya consistencia de trabajo con los demás compañeros (no unos copiando desde Figma un montó de código innecesario y otros bien juiciosos con buenas prácticas y código limpio).

    Espero te sirva mi respuesta ! Qué piensas sobre esto ? 😊

Curso de Flexbox y CSS Grid [2021]

Curso de Flexbox y CSS Grid [2021]

Construye layouts web modernos con CSS Grid y Flexbox. Aprende a elegir y combinar estas herramientas para crear diseños responsivos y organizados. Inicia con la estructura básica y aplica técnicas avanzadas de diseño visual.

Curso de Flexbox y CSS Grid [2021]
Curso de Flexbox y CSS Grid [2021]

Curso de Flexbox y CSS Grid [2021]

Construye layouts web modernos con CSS Grid y Flexbox. Aprende a elegir y combinar estas herramientas para crear diseños responsivos y organizados. Inicia con la estructura básica y aplica técnicas avanzadas de diseño visual.