Mokkapp
Mokkapp
  • 42
  • 149 737
Web tools and resources for UX/UI design
⭐️ Mejora en diseño UX/UI con estos recursos web!
En los próximos minutos, te voy a presentar varias herramientas web que considero imprescindibles y que todo diseñador o diseñadora UX/UI debe conocer. Estas webs son herramientas, recursos o fuentes de inspiración y conocimiento que te ayudarán a optimizar tu flujo de trabajo, mejorar la calidad de tus diseños y, en definitiva, a entregar proyectos más impactantes.
Como diseñador UX/UI, sé lo importante que es contar con recursos adecuados, y este pack de recursos es uno de los que iré publicando progresivamente en mi canal. Así que además de ver este video, te invito a suscribirte a mi canal para no perderte futuros videos y actualizaciones, y así mejorar tu trabajo en diseño.
Capítulos:
00:00 Introducción
00:45 Page flows
02:33 Checklist Design
04:49 BrandGuidelines
05:51 Realtime Colors
07:54 UI Colors (Tailwind CSS color generator)
08:42 SVG DesignCode
10:10 Component Gallery
11:58 FigComponents
#ui #figma #ui #uxdesign #webdesign #colors #components #design
Переглядів: 1 270

Відео

Accessibility in Figma | Best plugins for web and mobile accessibility
Переглядів 347Місяць тому
✅ ¡Accesibilidad al 100% con Stark e Include! En este video tutorial, aprenderás a utilizar dos herramientas imprescindibles para crear interfaces web y mobile accesibles para todos: Stark e Include. ¿Qué es la accesibilidad web? ✅ La accesibilidad web garantiza que todas las personas, independientemente de sus habilidades o limitaciones, puedan acceder y utilizar un sitio web de manera complet...
Figma Slides | How to make presentations in Figma
Переглядів 1,1 тис.Місяць тому
Figma Slides, una nueva herramienta que te permite crear presentaciones directamente desde Figma, aprovechando muchos de sus recursos y funcionalidades. En este video, aprenderás a usar las funciones más importantes de Figma Slides para crear tus próximas presentaciones. Con Figma Slides, puedes: ✅ Insertar prototipos funcionales ✅ Aplicar variables desde tus archivos de diseño ✅ Usar component...
How to use Typography Variables and Styles in Figma
Переглядів 521Місяць тому
✅ ¡Domina las variables y estilos de tipografía en Figma! Eleva tus diseños al siguiente nivel con esta completa guía sobre el uso combinado de variables y estilos de tipografía en Figma. Aprende a crear diseños impecables, consistentes y escalables que se adaptan a cualquier necesidad. En este video: Descubre cómo usar variables y estilos de tipografía de forma simultánea para optimizar tu flu...
Functional login in Figma | Tutorial for advanced prototypes
Переглядів 1,4 тис.2 місяці тому
¡Crea un login funcional en Figma! Prototipo avanzado paso a paso ¿Quieres llevar tus prototipos de Figma al siguiente nivel? En este tutorial, te enseñaré a crear un login o registro de usuarios totalmente funcional y realista. Aprenderás a: Diseñar un formulario de login atractivo e intuitivo. Conectar los inputs para que puedas escribir en ellos desde tu teclado. Implementar lógica para vali...
Interactive prototypes in Figma | Set Variable Mode
Переглядів 1 тис.2 місяці тому
❇️ Transforma tus prototipos con el cambio de modos de variables en Figma! 😎 Figma presenta 'Set Variable Mode', una herramienta que permite cambiar el comportamiento de variables dinámicas en prototipos, creando experiencias más realistas e interactivas. Capítulos: 00:00 Presentación 02:23 Interacciones variables String 04:21 Interacciones variables Color ¡Prototipos más interactivos con varia...
Curso de Figma para Developers
Переглядів 4,2 тис.3 місяці тому
✅ APRENDE TODO lo que un DEVELOPER necesita saber sobre FIGMA!! En este curso prenderás todo lo que un developer necesita saber para trabajar de manera efectiva con Figma. Pero no solamente está dedicado a desarrollo, sino también a diseñadores y diseñadoras que quieran aprender Figma y UX/UI. Link al archivo de la comunidad de Figma: www.figma.com/community/file/1370761600031722660/curso-figma...
Variables para Tipografía en Figma
Переглядів 1,8 тис.4 місяці тому
✅ Figma se ha actualizado, actualízate tu también aplicando las variables dentro de los estilos de tipografía. Esto significa que ahora podemos usar fuentes variables y ajustarlas con precisión a nuestras necesidades de diseño, tal y como lo hacemos en CSS. Capítulos: 00:00 Introducción 01:59 Crear Variables de String 07:04 Variables numéricas 09:46 Modos Desktop y Mobile 💥 ¿Qué beneficios ofre...
Cómo crear imágenes con IA en Figma 📸
Переглядів 3814 місяці тому
😎 Genera imágenes super realistas con IA en Figma En este vídeo te presento un plugin que, con su versión gratuita, puedes generar imágenes realistas y únicas con IA. Además, tienes disponibles algunos filtros para modelar el Prompt y obtener la mejor imagen posible Videos relacionados Cómo crear un web con IA: ua-cam.com/video/j6g5Oodjbtw/v-deo.html Glassmorfismo: ua-cam.com/video/sR7xk-Oe0Ho/...
Cómo crear design systems en Figma
Переглядів 2,9 тис.4 місяці тому
🟢 ¡Domina los Sistemas de diseño con estos dos plugins de Figma! ¿Quieres crear un sistema de diseño en Figma, pero no sabes por dónde empezar? ¡No te preocupes! En este video te mostraré cómo usar dos plugins que te ayudarán a lograrlo, tanto si tienes experiencia como si no. Primero, veremos Generate Design System Quickly. Este plugin te permite crear las bases de un sistema de diseño en cues...
De FIGMA a CÓDIGO con IA | Locofy Lightning 🤯
Переглядів 2,6 тис.4 місяці тому
¡Diseño y desarrollo unidos como nunca! Locofy te lleva al siguiente nivel ¿Cansado de la brecha entre diseño y desarrollo? Este video te muestra cómo Locofy y Figma Dev Mode te permiten convertir diseños en código reutilizable en minutos. ¿Para quién es este video? Diseñadores que quieren crear código reutilizable. Desarrolladores que quieren trabajar con diseños más eficientes. Equipos que bu...
Cómo documentar las Variables y Tokens en Figma
Переглядів 1 тис.5 місяців тому
En este tutorial, te mostraré cómo usar el plugin Print Variables para Figma. Este plugin te permite: Visualizar todas tus variables en una sola página Ver el alcance de cada variable Obtener una representación gráfica clara de tus variables Actualizar tu visualización con un solo clic Agilizar tu flujo de trabajo Print Variables es una herramienta increíble para cualquier diseñador que trabaje...
FIGMA MULTI-EDIT | Tutorial completo de Edición Múltiple
Переглядів 1,1 тис.5 місяців тому
✅ FIGMA SE HA ACTUALIZADO!!! Actualízate tú también!!! 🫵🏼 ¡Adiós a la edición tediosa! Descubre Figma Multi-Edit ¿Cansado de editar objetos uno por uno? ¡Libera tu tiempo con Figma Multi-Edit! En este video, te mostraré cómo usar esta nueva función para editar múltiples objetos a la vez de forma rápida y sencilla. Aprenderás a: Seleccionar y editar objetos en masa Cambiar propiedades como relle...
Glassmorfismo en FIGMA | Tendencias UX/UI 2024
Переглядів 9265 місяців тому
¡Aprende a crear diseños increíbles con Glassmorfismo en Figma! ¿Quieres crear interfaces de usuario modernas, elegantes y con un toque futurista? En este video te enseñaré todo lo que necesitas saber sobre el Glassmorfismo, una tendencia en diseño web que está ganando popularidad por su estética minimalista y su versatilidad. Aprenderás a: Crear una tarjeta de reproducción musical con un diseñ...
TOP Plugins Figma para optimizar tareas de diseño | 01
Переглядів 9726 місяців тому
Optimiza y reduce tu tiempo de dedicación en tareas de diseño con estos plugins de Figma. En este video te muestro algunos de los plugins que pueden ayudarte a optimizar tus tareas menos creativas, pero a su vez igual de importante y necesarias en el diseño UX/UI. Capítulos: 00:00 Introducción 01:09 Landify 04:28 UXpilot.ai - Color & Gradient AI 06:48 Easy color & Token Generator 08:30 Material...
Bento Grid en FIGMA | Tendencias UX/UI 2024. 01
Переглядів 1,7 тис.6 місяців тому
Bento Grid en FIGMA | Tendencias UX/UI 2024. 01
FIGMA CON IA | Copilots en Figma con Inteligencia Artificial
Переглядів 4,1 тис.6 місяців тому
FIGMA CON IA | Copilots en Figma con Inteligencia Artificial
CURSO DE FIGMA | 03 Prototipo avanzado
Переглядів 3,7 тис.6 місяців тому
CURSO DE FIGMA | 03 Prototipo avanzado
CURSO DE FIGMA | 02 Sistema de Diseño con Variables & Tokens
Переглядів 8 тис.6 місяців тому
CURSO DE FIGMA | 02 Sistema de Diseño con Variables & Tokens
FIGMA COURSE 2024 | 01 Introduction to Figma
Переглядів 39 тис.6 місяців тому
FIGMA COURSE 2024 | 01 Introduction to Figma
Responsive Grid with Variables in Figma
Переглядів 1,7 тис.8 місяців тому
Responsive Grid with Variables in Figma
UX Research + IA | Typeform con ChatGPT
Переглядів 5178 місяців тому
UX Research IA | Typeform con ChatGPT
De Figma a Código | Locofy AI
Переглядів 16 тис.8 місяців тому
De Figma a Código | Locofy AI
Navegación Avanzada en Figma | Prototipos con Memoria 💡
Переглядів 7919 місяців тому
Navegación Avanzada en Figma | Prototipos con Memoria 💡
Cómo crear Webs en Figma con INTELIGENCIA ARTIFICIAL
Переглядів 8 тис.9 місяців тому
Cómo crear Webs en Figma con INTELIGENCIA ARTIFICIAL
Cómo alinear elementos en Figma | Sistema de Grid de Figma
Переглядів 1,4 тис.9 місяців тому
Cómo alinear elementos en Figma | Sistema de Grid de Figma
Cómo clonar un diseño web en Figma | HTML to Design
Переглядів 11 тис.9 місяців тому
Cómo clonar un diseño web en Figma | HTML to Design
UX Research con INTELIGENCIA ARTIFICIAL | UX 2024
Переглядів 4,8 тис.9 місяців тому
UX Research con INTELIGENCIA ARTIFICIAL | UX 2024
¿Cómo hacer una interacción en Figma? | Mejora tu UX con la función Overlay
Переглядів 1,2 тис.10 місяців тому
¿Cómo hacer una interacción en Figma? | Mejora tu UX con la función Overlay
UX Research junto a la Inteligencia Artificial | UX 2024
Переглядів 1,7 тис.10 місяців тому
UX Research junto a la Inteligencia Artificial | UX 2024

КОМЕНТАРІ

  • @HectorMartinez-kf7cy
    @HectorMartinez-kf7cy 17 годин тому

    Excelente aporte!

    • @mokkapp
      @mokkapp 7 годин тому

      Gracias!! 😊

  • @benditoovillo
    @benditoovillo 20 годин тому

    Espectacular!! Gracias!

    • @mokkapp
      @mokkapp 7 годин тому

      Muchas gracias 🙏

  • @manueloficina7762
    @manueloficina7762 4 дні тому

    En el minuto 1:10:32 inserta los logos de las demás tarjetas, en el video el logo se pone del tamaño correcto ajustando la tarjeta, pero lo que me pasa a mi es que el logo se deforma en el espacio donde estaba el logo de Figma anterior haciendo que los logos de Framer y React queden aplastados. Si alguien sabe cual es el problema se lo agradecería mucho u.u

    • @mokkapp
      @mokkapp 6 годин тому

      Hola! Creo que es porque una vez tienes el icono seleccionado para redimensionar, en la barra de la derecha debes de presionar en “Constrains proportions” es un icono que encontraras Justo al lado del ancho y largo

  • @ro_an7996
    @ro_an7996 5 днів тому

    puse tan bien la variable hasta que me salió que no podía porque tenia que pagar, existe algún otro modo?

    • @mokkapp
      @mokkapp 7 годин тому

      Hola! Si, de momento los modos de las variables están en el plan de pago. No obstante puedes hacer algo parecido con las colecciones… crear tres colecciones. Una para cada dispositivo. No es lo mismo pero es una solución

  • @guillermomf
    @guillermomf 10 днів тому

    Buen vídeo. Aunque no me llamaba la atención especialmente Figma Slides después de ver tu vídeo si que lo veo más util.

    • @mokkapp
      @mokkapp 9 днів тому

      Hola! Creo que es un producto muy específico y que aprovecha las funcionalidades existentes en Figma. Lo que quizás hace que las presentaciones las sigamos haciendo desde archivos de diseño... A ver como va evolucionando. Un saludo 😁👋🏽

  • @guillermomf
    @guillermomf 10 днів тому

    Eres un crack. Muy bien explicado todo.

    • @mokkapp
      @mokkapp 9 днів тому

      Gracias! 😊

  • @gonzz-dev
    @gonzz-dev 12 днів тому

    Uff, Realtime Colors es una herramienta excelente. Y los videos de @juxtopposed, su creadora no se quedan atrás! Muy buena recomendación de herramientas!

  • @javita1215
    @javita1215 13 днів тому

    Lo explicaste mucho mas sencillo y mas rapuido que otros. Si bien les agradezco a todos los q se toman la molestia en explicar quieren abarcar mucho mas que lo qe necesitamos en especifico a veces. Ten tu like buen hombre

  • @sergio.arboleda
    @sergio.arboleda 13 днів тому

    Muchas gracias

    • @mokkapp
      @mokkapp 13 днів тому

      A ti Sergio! Un saludo 😊

  • @axelhunger
    @axelhunger 13 днів тому

    yo no lo veo asi la pagina real time. ESO POR MIS PLUGINS ROMPE PAGINAS

    • @axelhunger
      @axelhunger 13 днів тому

      Los enlaces de capitulos crei que te llevaban enlaces de la pagina de esos terceros.

    • @axelhunger
      @axelhunger 13 днів тому

      VARIAS DE ELLAS YA LAS TENIA EN FAVORITOS.

    • @mokkapp
      @mokkapp 13 днів тому

      Quizás por alguna extensión de Chrome que tengas instalada?

  • @arielmoreno2624
    @arielmoreno2624 13 днів тому

    Hola Xavi😊 De lujo el metería de Mokkapp🚀 Me ahorraría muchísimo tiempo si tendría que diseñar algo, todos estos recursos🥳pero además de todo eso, algo en mi forma de pensar 💭 cambio, mientras veía el video de Mokkapp✨

    • @mokkapp
      @mokkapp 13 днів тому

      Hola Ariel! Cómo va todo? Si, este video es un poco diferente al resto, ya que quería compartir otras webs que uso fuera de Figma. Me alegro que hayas podido tener un punto de vista diferente tal y como comentas, eso siempre es bueno!! jaja Cualquier consulte me dices! Un saludo 😁👍🏼

  • @deno12dev
    @deno12dev 14 днів тому

    pageflows me parece super top... que proyecto más interesante

    • @mokkapp
      @mokkapp 13 днів тому

      Completamente de acuerdo! Está muy bien pensado 👍🏼

  • @astronom_ai
    @astronom_ai 14 днів тому

    Wowww!! La última web... buenísima!!!

    • @mokkapp
      @mokkapp 13 днів тому

      Si! hay cosas chulas para usar 😎

  • @enriqueruiz320
    @enriqueruiz320 14 днів тому

    Considera a Spline, está 😱

    • @mokkapp
      @mokkapp 13 днів тому

      Si! Lo tengo presente. pero no se si en un video como este en plan resumen o un tutorial más detallado.. Gracias por tu aportación!! 👍🏼

    • @enriqueruiz320
      @enriqueruiz320 13 днів тому

      @@mokkapp Considero que un tutorial porque es una herramienta aparte de Figma, yo ayer que la vi quedé alucinado 😵‍💫

  • @Soy___rodri
    @Soy___rodri 14 днів тому

    🎉

  • @javialexarias
    @javialexarias 14 днів тому

    Hermano que tal, hice los pasos y la parte de ingresas las letras "a, b y c" todo bien. El problema que tengo es que la contraseña pongo una incorrecta por ejemplo "acbb" y la correcta es la del video "aabb", y pues no me sale el mensaje de error sino me manda directo a la de home, ya vi de nuevo el video y cambio, algunas cosas pero sigue sin funcionar :(

    • @mokkapp
      @mokkapp 13 днів тому

      Hola! Mira a ver si has aplicado bien el evento "Change to" para que te cambie el estado en lugar de acceder al espacio personal

  • @Carolina-m4h
    @Carolina-m4h 14 днів тому

    excelente forma de enseñar! se necesita Figma Pro para completar el curso?

    • @mokkapp
      @mokkapp 13 днів тому

      Hola! Muchas gracias! En cuanto a tu duda, si que hay ejercicios tanto el el video 2 como en el 3 que es necesario el figma profesional. Dime qué aspectos crees que te pueden interesar para ver si puedo hacer un video con algo parecido en cuanto a contenido pero con la version Free

  • @JorgeMartinez-wd5xi
    @JorgeMartinez-wd5xi 15 днів тому

    Muy buena esta información, me ha ayudado mucho. Gracias por compartir.

    • @mokkapp
      @mokkapp 15 днів тому

      Gracias a ti por comentar! 😁

  • @JhoanSinisterra-x9j
    @JhoanSinisterra-x9j 16 днів тому

    Muy bueno el video, ya me lo terminé y me ayudó muchísimo.

  • @FrancoSablic
    @FrancoSablic 16 днів тому

    Qué bien explica, maestro! Lloverán follows and likes, crack. Excelente curso.

  • @javialexarias
    @javialexarias 17 днів тому

    Hola hermano que tal! Primer vídeo tuyo que veo y esta genial, me estoy acoplando porque hoy active la cuenta a pro. Quería saber como le puedo hacer por ejemplo en el password, ingreso pero quiero que haya la opción de ese como ojito que al presionarlo vez la contraseña que ingresaste, y si no solo se ve "*********" o "xxxxxxx". Y para confirmar que he puesto bien la contraseña lo activo y veo lo que ingresé. Eso hermano por fa, de todos todos modos tengo algunas ideas de como hacerlo ya lo voy a intentar pero tu respuesta me ayudaría mucho. Saludos!!

    • @mokkapp
      @mokkapp 16 днів тому

      Buenas!! Qué tal? Una forma sencilla de de hacerlo es seleccionar dos estilos de tipogafía.. creo haber visto alguna fuente que todos sus caracteres pueden ser este tipo de signos. Entonces mediante un condicional puedes activar una fuente (la legible) y con el otro valor la no legible. Este evento lo puedes activar por ejemplo insertando los iconos de un ojo dentro del input. Ya me dirás si has podido hacerlo de esta manera o de otra. Un saludo!! 🫡

  • @pablohatt
    @pablohatt 20 днів тому

    Genial... Muchisimas gracias por este curso. TODO sobre Figma, TODO respecto a los estandares UI, mas una buena seleccion de Plugins recomendados, inicio al modo Dev, y ademas, un magnifico archivo para practicar lo explicado, con algun ejercicio y mucho material de utilidad. Un curso mucho mas completo, que otros cursos que he realizado en plataformas OnLine de pago... Gracias de nuevo.

    • @mokkapp
      @mokkapp 16 днів тому

      Muchas gracias por la valoración! Me alegro que pueda servirte y ayudarte tal y como comentas. ..Esa era precisamente la intención del video! Un saludo 🫡

  • @sophiaollerschmid1709
    @sophiaollerschmid1709 21 день тому

    Excelenteeee explicación!! Super simple, gracias! <3

  • @comecrywithme2189
    @comecrywithme2189 21 день тому

    Hola, necesito ayuda por favor cuando entro a mi pagina de figma tengo dificultades en la vista de celular, se ve con mucho zoom, y no se como hacer para que se vea normal (como entras a cualquier pagina) . Cualquier persona que pueda ayudarme por favor

    • @mokkapp
      @mokkapp 21 день тому

      Hola, Necesitaría saber qué es exactamente lo que tratas de hacer para entender cual es el problema que tienes. Ya me dices

    • @comecrywithme2189
      @comecrywithme2189 21 день тому

      @@mokkapp Hola, tengo una página web por figma, al terminarla, la importe para vista de celular y computadora, pero al entrar en celular si se ve la página normal pero se ajusto un zoom que no se ve muy bien y bueno digamos que no es muy atractivo para el público, por eso no se que hacer para que se vea normal en vista celular, puedo enviarte fotos del problema para que me entiendas mejor Espero puedas ayudarme por favor

  • @comecrywithme2189
    @comecrywithme2189 21 день тому

    Hola, necesito ayuda por favor tengo dificultades en la vista de celular, se ve con mucho zoom, y no se como hacer para que se vea normal (como entras a cualquier pagina) . Cualquier persona que pueda ayudarme por favor

    • @mokkapp
      @mokkapp 21 день тому

      Hola, Necesitaría saber qué es exactamente lo que tratas de hacer para entender cual es el problema que tienes. Ya me dices

    • @comecrywithme2189
      @comecrywithme2189 21 день тому

      @@mokkapp Hola, tengo una página web por figma, al terminarla, la importe para vista de celular y computadora, pero al entrar en celular si se ve la página normal pero se ajusto un zoom que no se ve muy bien y bueno digamos que no es muy atractivo para el público, por eso no se que hacer para que se vea normal en vista celular, puedo enviarte fotos del problema para que me entiendas mejor Espero puedas ayudarme por favor

  • @soydelivery-UX-UI
    @soydelivery-UX-UI 21 день тому

    Buenísimo! Ojalá hubiera alguna forma de hacer lo inverso, y que se creen las variables a partir del print. Andaba en búsqueda de cómo exportar o importar variables de un archivo a otro, y di con este video. Me encantó, gracias.

  • @lmanu44
    @lmanu44 21 день тому

    Te quiero mucho chavi, gracias por esto :)

  • @ux.rubenlopez
    @ux.rubenlopez 23 дні тому

    Soy de la época que hacía en forma artesanal. Probé identity hace un par de semanas atrás, acelera un montón pero no me terminó de cerrar además que solo te genera estilos y no variables. Me gustó cómo esta documentado el segundo.

    • @mokkapp
      @mokkapp 22 дні тому

      Hola!! Yo prefiero hacerlo de forma artesanal también. Pero para iniciarse en los sistemas de diseño puede ser un buen recurso. Con el segundo puedes obtener tanta información como quieras

  • @piapitoni8863
    @piapitoni8863 25 днів тому

    maravilloso video! gracias!!

    • @mokkapp
      @mokkapp 24 дні тому

      Gracias a ti! 😊

  • @tiwanacote
    @tiwanacote 26 днів тому

    Cuando me paro en el Frame, no me aparece "LAYER" en el menu de la derecha para luego aplicar "local variabls" ---> "Collection1"---> "Desktop" ¿Cual puede ser el problema? Tengo la versión paga

    • @mokkapp
      @mokkapp 24 дні тому

      Hola! Prueba de insertar un componente dentro del Frame en el que quieres usar el Layer

  • @jessica-dg1ll
    @jessica-dg1ll 27 днів тому

    Graciaas!! ❤

  • @mariajosesilvanavarro4283
    @mariajosesilvanavarro4283 29 днів тому

    Excelente video! Gracias!!

    • @mokkapp
      @mokkapp 29 днів тому

      Gracias a ti María José! Un saludo 👋

  • @axelhunger
    @axelhunger Місяць тому

    pero lo ideal seria preguntarle a personas con esas discapacidades visuales en si ve un problema. Sino una ia muy avanzada.

    • @mokkapp
      @mokkapp Місяць тому

      Hola Axel! Si, eso sería ideal para chequear bien los diseños. No obstante estos plugins van bastante bien. Saludos! 🫡

  • @arielmoreno2624
    @arielmoreno2624 Місяць тому

    Hola Xavi que buenos plugins tienen muchas funciones, increíbles🤩, me sorprendiste con este contenido, que alegría ver nuevo video en Mokkapp!👏

    • @mokkapp
      @mokkapp Місяць тому

      Hola Ariel! Qué tal? Si, hace tiempo que quería sacar algo relacionado con la accesibilidad. Creo que estos plugins van bastante bien y es importante tener en cuenta las dificultades que pueden tener algunas personas. Un saludo!! 😁👍🏼

  • @sergio.arboleda
    @sergio.arboleda Місяць тому

    Muchas gracias

    • @mokkapp
      @mokkapp Місяць тому

      Gracias a ti Sergio! Un saludo!! 👋🏽😁

  • @paulamorena8010
    @paulamorena8010 Місяць тому

    Excelene explicación, muchas gracias!! 👏👏

    • @mokkapp
      @mokkapp Місяць тому

      Muchas gracias!! 😊

  • @JorgeGonzalez-j4v
    @JorgeGonzalez-j4v Місяць тому

    Saludos desde Chile, te felicito. Muchas gracias, tienes una forma genial de enseñar y mostrar contenido. MAESTRO...

    • @mokkapp
      @mokkapp Місяць тому

      Me alegra saber eso! muchas gracias a ti por tu comentario! Saludos desde España 🫡

  • @godoyconcept3819
    @godoyconcept3819 Місяць тому

    hey acabo de finalizarlo, me tomo 2 dias entre estudiar otros cursos y la rutina diaria. ESTUVO EXCELENTE! Soy diseñadora Gráfica desde hace unos 5 años aprox, y ahora quiero cambiarme para el diseño UX/UI, este curso básico fue crucial para afirmar que sin duda quiero ser diseñadore ux/ui. gracias!!!

    • @mokkapp
      @mokkapp Місяць тому

      No te arrepentirás del cambio!! Las posibilidades del diseño UX son enormes y si te gusta lo que haces, vas a disfrutar del trabajo cada día. Saludos! 👋🏽😊

  •  Місяць тому

    Excelente.

  • @BatallasEpicasGaming
    @BatallasEpicasGaming Місяць тому

    Muchas muchas gracias en este video eh aprendido mucho Dios te bendiga

    • @mokkapp
      @mokkapp Місяць тому

      Cuánto me alegro!! Espero que el resto de videos puedan ayudarte también. Saludos! 👋🏽😊

  • @darianamchacon4115
    @darianamchacon4115 Місяць тому

    UA-cam debería implementar un botón de 1000 likes!!!...EXCELENTE 🥰

    • @mokkapp
      @mokkapp Місяць тому

      1000 Gracias a ti por el comentario! un placer saber que el contenido puede gustar y ayudar. Un saludo! 🫡

  • @sofiamontes6307
    @sofiamontes6307 Місяць тому

    Excelente video

    • @mokkapp
      @mokkapp Місяць тому

      Muchas gracias!! 😊

  • @DianaYuste
    @DianaYuste Місяць тому

    Hola! Es posible crear un template reutilizable para un grupo de personas y que aparezca en los templates sugeridos en la parte izquierda? (No encuentro la manera) Gracias de antemano!

    • @mokkapp
      @mokkapp Місяць тому

      Hola! Esto que comentas creo que si es posible pero parece ser que sólo con los planes Organization o Enterprise... El video está hecho desde un plan profesional y no tengo el modo de hacerlo yo tampoco. Gracias a ti por preguntar

  • @JuanMoreno-us3cs
    @JuanMoreno-us3cs Місяць тому

    Gracias por tu contenido! Explicas cada paso claramente, de verdad ayudas mucho a la comunidad 🙌🏼

    • @mokkapp
      @mokkapp Місяць тому

      Gracias a ti por el comentario! Me alegro mucho que os sirva de ayuda! 😊

  • @ronsteinrr8854
    @ronsteinrr8854 Місяць тому

    Yo soy desarrollador y aún no entiendo porque me serviría esto en general alguien me podría explicar?

    • @mokkapp
      @mokkapp 26 днів тому

      Hola! Qué es exactamente lo que no entiendes? En este vídeo trato de explicar qué es Figma desde la perspectiva de un desarrollador que debe usar la herramienta por obligación de proyecto o por puro interés. La idea es dar una visión global de los puntos más importantes a nivel de herramienta y de unión entre diseño y desarrollo (frontend sería el más indicado). Un saludo 👋

    • @ianhorrocks1730
      @ianhorrocks1730 3 дні тому

      @@mokkapp Exactamente, yo creo que lo que trata de explicar es que, para desarrollar una pagina web, figma es una gran herramienta para diseño y prototipado de cualquier proyecto que tengas en mente para este ambito. Yo estoy empezando el curso para poder empezar el prototipado de mi tesis de grado, asi que deseenme suerte. Por otro lado Xavi, el dev mode es pago cierto?

  • @Vanii775
    @Vanii775 Місяць тому

    Creo que te amo. No puedo creer que hasta ahora no he usado variables, el tiempo que me hubiese ahorrado. Muchas gracias!

    • @mokkapp
      @mokkapp Місяць тому

      Las variables han sido un avance increíble si!! Y si, ahorran mucho trabajo y tiempo! 😊

  • @LucíaRivera-t6y
    @LucíaRivera-t6y Місяць тому

    Una consulta, la creación en versión tablet y mobile son de pago? Porque no me permite seguir si no uso suscripción

    • @mokkapp
      @mokkapp Місяць тому

      Hola! Es por los modos de las variables.. Los modos de variables están disponibles para la versión pro en adelante. igualmente puedes crear varias colecciones de variables para cada uno de los dispositivos. No es tan dinámico pero te sirve igual

  • @darianamchacon4115
    @darianamchacon4115 Місяць тому

    Amo!!...excelente colección de videos!!

    • @mokkapp
      @mokkapp Місяць тому

      Muchas gracias! 😁

  • @carolinamariaaraoz504
    @carolinamariaaraoz504 Місяць тому

    Hola! Intenté usar Magician pero no tengo la llave de acceso, en dónde debería aparecer?

    • @mokkapp
      @mokkapp Місяць тому

      Hola Carolina. Creo que lo que sucede es que el plugin ya no está operativo.. desde hace unas semanas hay varios usuarios que comentan que no les funciona. El motivo lo desconozco

    • @carolinamariaaraoz504
      @carolinamariaaraoz504 Місяць тому

      @@mokkapp Que mala suerte! Bueno, gracias por la respuesta .

  • @guillempacareu
    @guillempacareu Місяць тому

    hola amigos, he intentado abrir magician pero me pide un access key. Aunque pinche sobre start free trial y me lleve a la pagina oficial de magician, no consigo runearlo en figma. alguien ha tenido el mismo problema o sabe qué puedo estar haciendo mal? gracias!

    • @mokkapp
      @mokkapp Місяць тому

      Hola Guillem! Si, efectivamente Magician parece que no funciona correctamente desde hace unas semana. Varios usuarios han comentado lo mismo en los comentarios de este video. Desconozco el motivo, pero quizás es por las últimas actualizaciones de Figma