OscarRGB
OscarRGB
  • 157
  • 222 429
Animaciones en Figma (Tutorial Completo)
Aprende desde 0 a animar en Figma, desde las animaciones más simples a animaciones complejas. Sácale todo el partido a Figma y a tus prototipos.
✅ Descarga Figma en: oscarrgb.com/empezar-figma
Resumen:
02:19 Animaciones Simples
10:40 Animaciones con componentes
17:35 Animación botón
23:00 Animación Parallax
30:45 Animación de carga
37:18 Animación tragaperras
52:40 Animación ascensor
❤️ Curso Figma Completo (Gratis): ua-cam.com/video/Smp-u-8ynbE/v-deo.html
✅ Descarga Elementor Pro: oscarrgb.com/elementor
🏆 Suscríbete para más:
ua-cam.com/channels/9asWl8y30o-l3N72JVFrAA.html
#figma #motion #DiseñoWeb
Переглядів: 448

Відео

✅ Cómo Afrontar un Proyecto UX (Paso a Paso)
Переглядів 53621 день тому
Si te encuentras con un proyecto de UX y no sabes muy bien como afrontarlo te doy unas pautas de como agarrarlo por los cuernos. ❤️ Curso Figma Completo (Gratis): ua-cam.com/video/Smp-u-8ynbE/v-deo.html ✅ Descarga Figma en: oscarrgb.com/empezar-figma 🏆 Suscríbete para más: ua-cam.com/channels/9asWl8y30o-l3N72JVFrAA.html #ux #ui #DiseñoWeb
De Figma a Web en Segundos! Sin Código 🤯 El Nuevo Plugin de Wix Studio ✨
Переглядів 925Місяць тому
Convierte tus diseños de Figma en una web totalmente funcional gracias al nuevo plugin de Figma: es-wix-studio-24.hopp.to/oscarrgb_yt ➡️ Figma to Wix Studio Nos permitirá exportar nuestro diseño de Figma a Wix Studio manteniendo todos los estilos espaciados y demás características de nuestro diseño. Además gracias a la IA podremos convertir nuestro diseño a versión móvil o tablet en sólo unos s...
Probamos la nueva IA de Figma
Переглядів 2,3 тис.Місяць тому
Probamos la nueva IA de Figma
Variantes con Variables en Figma (Tutorial Español)
Переглядів 4052 місяці тому
Variantes con Variables en Figma (Tutorial Español)
✅Componentes de Figma - Así funcionan (Ejemplos)
Переглядів 6592 місяці тому
✅Componentes de Figma - Así funcionan (Ejemplos)
Crea tu Design System en Figma (Tutorial Completo)
Переглядів 2,6 тис.3 місяці тому
Crea tu Design System en Figma (Tutorial Completo)
Así se trabaj un proyecto de UX / UI (El Proceso)
Переглядів 1,9 тис.3 місяці тому
Así se trabaj un proyecto de UX / UI (El Proceso)
🏆Los Mejores Plugins de Figma para Crear Variables
Переглядів 3724 місяці тому
🏆Los Mejores Plugins de Figma para Crear Variables
Variables en Figma (Colores) - Paso a Paso
Переглядів 6844 місяці тому
Variables en Figma (Colores) - Paso a Paso
✅Bases del Diseño UX / UI - Atomic Design & Tokens ¿Qué es?
Переглядів 1 тис.4 місяці тому
✅Bases del Diseño UX / UI - Atomic Design & Tokens ¿Qué es?
Los Mejores Shortcuts de Figma (TOP 10)
Переглядів 1735 місяців тому
Los Mejores Shortcuts de Figma (TOP 10)
Convierte tus diseños de Figma en WEB
Переглядів 11 тис.5 місяців тому
Convierte tus diseños de Figma en WEB
✅ Curso WordPress y Elementor PRO 2024 - Tutorial Completo
Переглядів 15 тис.6 місяців тому
✅ Curso WordPress y Elementor PRO 2024 - Tutorial Completo
Elementor va a traer una novedad que va a hacer nuestra vida muy facil. #ux #elementor #diseñoweb
Переглядів 1887 місяців тому
Elementor va a traer una novedad que va a hacer nuestra vida muy facil. #ux #elementor #diseñoweb
✅ Configuración Elementor Pro antes de empezar y SER MÁS EFICIENTE
Переглядів 1,1 тис.8 місяців тому
✅ Configuración Elementor Pro antes de empezar y SER MÁS EFICIENTE
✅Variables en Figma 2024 (Tutorial y Ejemplo Práctico)
Переглядів 1,2 тис.9 місяців тому
✅Variables en Figma 2024 (Tutorial y Ejemplo Práctico)
✅ Tutorial Slider en Elementor Pro con Animaciones (Modo Avanzado)
Переглядів 1,3 тис.9 місяців тому
✅ Tutorial Slider en Elementor Pro con Animaciones (Modo Avanzado)
🌈 Teoría del Color - Diseño Gráfico
Переглядів 1,2 тис.9 місяців тому
🌈 Teoría del Color - Diseño Gráfico
✅ Componentes Interactivos en Figma 2024 (Tutorial y Ejemplo Real)
Переглядів 4,3 тис.9 місяців тому
✅ Componentes Interactivos en Figma 2024 (Tutorial y Ejemplo Real)
✅ Hacer Scrolldown en Elementor Pro (Truco) 💻
Переглядів 2,7 тис.9 місяців тому
✅ Hacer Scrolldown en Elementor Pro (Truco) 💻
Cómo Hacer un Diseño en Figma en Autolayout (Responsive Design)
Переглядів 13 тис.9 місяців тому
Cómo Hacer un Diseño en Figma en Autolayout (Responsive Design)
Diseño Web Movil ✅ Curso Diseño Web en Figma 2023 (Parte 13)
Переглядів 53710 місяців тому
Diseño Web Movil ✅ Curso Diseño Web en Figma 2023 (Parte 13)
Diseño Web Desktop ✅ Curso Diseño Web en Figma 2023 (Parte 12)
Переглядів 58310 місяців тому
Diseño Web Desktop ✅ Curso Diseño Web en Figma 2023 (Parte 12)
Diseñar Menú y sección Hero ✅ Curso Diseño Web en Figma 2023 (Parte 11)
Переглядів 65310 місяців тому
Diseñar Menú y sección Hero ✅ Curso Diseño Web en Figma 2023 (Parte 11)
Cómo Diseñar Botones Atractivos ✅ Curso Diseño Web en Figma 2023 (Parte 10)
Переглядів 62710 місяців тому
Cómo Diseñar Botones Atractivos ✅ Curso Diseño Web en Figma 2023 (Parte 10)
Autolayout (Responsive Design) ✅ Curso Diseño Web en Figma 2023 (Parte 9)
Переглядів 49310 місяців тому
Autolayout (Responsive Design) ✅ Curso Diseño Web en Figma 2023 (Parte 9)
Columnas (Grids) ✅ Curso Diseño Web en Figma 2023 (Parte 8)
Переглядів 66510 місяців тому
Columnas (Grids) ✅ Curso Diseño Web en Figma 2023 (Parte 8)
Tipografía ✅ Curso Diseño Web en Figma 2023 (Parte 7)
Переглядів 68110 місяців тому
Tipografía ✅ Curso Diseño Web en Figma 2023 (Parte 7)
Gestión de Colores ✅ Curso Diseño Web en Figma 2023 (Parte 6)
Переглядів 92110 місяців тому
Gestión de Colores ✅ Curso Diseño Web en Figma 2023 (Parte 6)

КОМЕНТАРІ

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

    Para este curso se requiere la version pro de figma.

  • @Denpee
    @Denpee 2 дні тому

    Me sirvió un montón, nuevo suscriptor

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

    Demasiado espectacular 🤩

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

    En el minuto 15:48 has pasado de tener el menú de elementos pro de ingles a español. Como lo has hecho??

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

    Iniciando mi curso 16/08/24 Les aviso como me va

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

    Muchas gracias!! Tremendo curso!!

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

    Increíble!! era justo lo que necesitaba! Te rogaría explicarnos como has hecho en el momento 4:56:03 para animar las 4 imágenes del slide. Muchas gracias!!!

  • @nacho24246
    @nacho24246 6 днів тому

    Quedo muy bien bro 👍

  • @eltico72
    @eltico72 7 днів тому

    ¿Cómo puedo asignar un dominio? Pagué el derecho para asignar el dominio y me dice que debo asignar unos datos en el registrar, pero no sale.

  • @AlejandraRubio-y9t
    @AlejandraRubio-y9t 7 днів тому

    Hola Oscar, si me puedes ayudar, en mi diseño el contenedor de texto fijo esta al lado derecho, al momento de hacer el texto fijo y que el contenedor no se pase a la otra sección no me funciona, el contenedor se traslada al lado izquierdo y esta en todas las secciones aunque le active la opción de permanecer en la columna. Que puede ser?

  • @gra922310
    @gra922310 7 днів тому

    me cogieron para un curro y ahora me piden figma, te acabas de convertir en el dios al que rezo

  • @darianamchacon4115
    @darianamchacon4115 7 днів тому

    3 meses resumidos en 17 min...amo ♥!!!!!

  • @paolafernandasalasperez7018
    @paolafernandasalasperez7018 7 днів тому

    tu contenido realmente es muy específico y valioso! muchas gracias he aprendido mucho

    • @OscarRGB
      @OscarRGB 7 днів тому

      Muchas gracias!

  • @DanielaPumariega
    @DanielaPumariega 8 днів тому

    Que piensas acerca de la app Reddit ? Es una buena herramienta de investigacion fiable?

    • @OscarRGB
      @OscarRGB 7 днів тому

      No la consideraría una herramienta de investigación, pero es una app/foro donde puedes encontrar noticias que pueden ayudar a una primera toma de contacto en una investigación exploratoria 😀

    • @DanielaPumariega
      @DanielaPumariega 7 днів тому

      @@OscarRGB muchas gracias 👌

  • @ianluna127
    @ianluna127 8 днів тому

    Te veo en Instagram! Buenazo verte en UA-cam! Has diseños de Cards por favor!!

    • @OscarRGB
      @OscarRGB 7 днів тому

      En Instagram he hecho un par 😀

  • @gracimarperezmorgado5426
    @gracimarperezmorgado5426 12 днів тому

    Como copio la tinta del color, cuando muestras el color neutro. No se como cambiar el cursor. Gracias de antemano.

    • @OscarRGB
      @OscarRGB 12 днів тому

      @@gracimarperezmorgado5426 “i” para el chupa tintas “v” para el cursor normal 😀

    • @gracimarperezmorgado5426
      @gracimarperezmorgado5426 12 днів тому

      @@OscarRGB Muchas gracias ✨✨🤗

  • @andresfernandez8406
    @andresfernandez8406 12 днів тому

    como copias la tinta con el cursor? Tengo esa duda.

  • @NicolasCasivar-f7m
    @NicolasCasivar-f7m 12 днів тому

    Gracias por tu compartir tu conocimiento Oscar, sos crack 🫶🏽

  • @EMC2707
    @EMC2707 12 днів тому

    Excelente explicación. Ahora le voy a bajar la velocidad y lo voy a ver 10 veces para entenderlo. Jaja. Fuera de broma, me quedó más claro y lo voy a practicar hasta que me quede. Gracias Óscar.

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

    Gracias miles. Quisiera saber... si ya tengo mi web en wix casi terminada y lo que necesito agregar de figma es solo para una seccion, hay forma de solo meter una parte?

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

      @@camilagonzalezfotografia sii, a la hora de importar te deja importar secciones o la pagina entera 😀

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

    🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬

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

    lo hice pero siento que se e paso incompleta la web ademas de que tenia muchos detalle sera que hice la web mal ?

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

    Gracias Oscar, por dar un pequeño brief y de entender en mejor contexto las tecnicas y metodologias usadas en el UX.

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

      Muchas gracias por tu comentario!

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

    En un minuto dijo y se explica como tortuga. jeje

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

    Si la empresa es una startup y está diseñando la App y contratan a un UX/UI designer, es mejor hacer un User Persona cercano al objetivo y hacer la UI con feedback del equipo de trabajo para luego con la salida de la app empezar a obtener mejor feedback de usuarios reales y mejorarlo? o es necesario hacer la investigación completa antes (UX)?

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

      @@sergiogerard9786 hacer un user persona es algo complicadisimo, y requiere de muchas entrevistas e investigación. Como comentas en la mayoría de casos con un producto nuevo es absurdo, comienza con un mvp y a partir de allí comienza con la investigación de usuarios 😀

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

    trato de obtener la licencia gratuita, pero luego de seleccionarla no se renderiza nada, solo se observa el encabezado checkout

  • @bubamasters
    @bubamasters 18 днів тому

    Así si que es facíl ! gracias maestro

    • @OscarRGB
      @OscarRGB 18 днів тому

      Grande Buba!!!

  • @vaninasysiuk5332
    @vaninasysiuk5332 18 днів тому

    Ay que genial este video!! Gracias ❤

  • @sololmos5995
    @sololmos5995 19 днів тому

    oscar muy buena info! me gustaría que hagas un video del proceso de diseño d e un proyecto real , como lo piensas y resuelves y prototipado diseñado. como un proyecto de prueba para agregar a un portfolio

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

      Sería genial hacer algo así, pero normalmente, si es para clientes no puedo mostrar todo eso. Si tenemos algún proyecto interno interesante miraré de hacerlo!

  • @sololmos5995
    @sololmos5995 19 днів тому

    me encantoooo, me re inspiraste!

    • @OscarRGB
      @OscarRGB 18 днів тому

      A darle caña, con estas bases ya podemos hacer lo que queramos!

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

    Gracias Oscar!!

    • @OscarRGB
      @OscarRGB 19 днів тому

      a ti!!

    • @andresordovinicorreas8014
      @andresordovinicorreas8014 19 днів тому

      @@OscarRGB hace poco empecé a estudiar diseño ux ui, te pregunto ¿ Podrías hacer un vídeo explicando las medidas de cada elemento (titulos, botones, cards, etc) que se utilizan en diseño web?

    • @OscarRGB
      @OscarRGB 19 днів тому

      @@andresordovinicorreas8014 estoy preparando una formación donde entre muchas otras cosas explico tamaños widget por widget, pero no creo que la suba a youtube 😀

    • @andresordovinicorreas8014
      @andresordovinicorreas8014 19 днів тому

      @@OscarRGB vas a vender un curso?

    • @OscarRGB
      @OscarRGB 19 днів тому

      @@andresordovinicorreas8014 si! Estoy preparando uno de figma y otro de UI mas avanzado 😀

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

    Hola! muy buena herramienta! Enhorabuena por el video. Pero tengo un problema. Resulta que cuando pego el enlace en wix studio me dice que el archivo de figma no existe😟Alguna idea? A alguien más le ha pasado? 😵‍💫

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

    Pero finalmente el ejercicio de autolayout no se pudo hacer con las imágenes de retratos en círculo? lo intente y no pude:(

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

    Aviso para los despistados como yo, para crear las ¨pages¨ donde organizamos nuestros proyectos, solo podremos crear 3 en la version gratuita, pero para hacer la descarga de la maqueta de co-freelancer, tambien hay q pagar, asi q no se ilusionen como yo jaja

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

    Gracias Oscar por compartir tu conocimiento! Excelente tutorial, me ayudó muchísimo.

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

    ❤❤❤❤❤

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

    Excelente trabajo amigo, explicas muy bien y lo haces de la manera correcta, gracias por tu aporte

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

    Muy buen vídeo … se te ve muy honesto… este es el camino a seguir!

  • @mariavalentinarodrigueznei1174

    serviría para una landing page?

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

    Espectacular, lo que más agradesco es poder aprender a cuadrar los contenedores y cada elemento, siempre peleo mucho porque no quedan donde quiero jajaja .muchas gracias!

  • @FedericoDiaz-n5u
    @FedericoDiaz-n5u 26 днів тому

    Excelente video!! Consulta, cómo seteaste los valores de las sombras? Sólo variando la opacidad? Saludos

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

      Opacidad X y Y, existe un plugin llamado beautifull shadows que funciona muy bien.

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

    Es complicado desarrollar sin un caso real donde apoyarte, pero se ha entendido genial Oscar, gracias por el esfuerzo!

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

    Increible!!

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

      @@Khingu 🔥🔥🔥

  • @frvnca
    @frvnca 27 днів тому

    Oscar 🫦🫦🫦 increíble video

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

      @@frvnca muchas gracias !! 🔥🔥

  • @jean3871
    @jean3871 27 днів тому

    ¿Y de donde saco las imágenes? No sé si me salte un punto

  • @mileaguilar
    @mileaguilar 27 днів тому

    Tus videos son lo mejor que vi! Super completos y muy bien explicados, estas en cada detalle Oscar GRACIAS

  • @FTR07
    @FTR07 27 днів тому

    muy bueno! como puedo hacer por ejemplo enlazar un botón de la home o del header y que me mande a otra sección del sitio? como se configura eso?

  • @user-dm6zr1jp3r
    @user-dm6zr1jp3r 28 днів тому

    Solo soy yo o porque a mí me aparece otra interfaz en wix estudio? Ayuda..

    • @OscarRGB
      @OscarRGB 27 днів тому

      Estás seguro que estás en wix studio y no en wix?

  • @devgoattt_
    @devgoattt_ 28 днів тому

    Te quiero Oscar, muchas gracias por este curso!

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

    00:00 - Introducción al curso ✔ 01:12 - Qué es Figma y porqué usarlo ✔ 10:07 - Gestión de un proyecto de Diseño Web ✔ 29:04 - Interfaz y Herramientas de Figma ✔ 1:04:37 - Plugins de Figma y comunidad ✔ 1:13:34 - ¿Qué es el Design System? 1:20:20 - Creando el Design System (Colores) 1:36:00 - Creando el Design System (Tipografia) 1:53:08 - Definiendo la estructura (Grids y Columnas) 2:00:55 - Configurando los iconos 2:08:45 - ¿Qué es el Autolayout? 2:14:14 - Diseño de Botones 2:38:54 - Diseñando la web (Desktop) 3:42:17 - Diseño web en Movil (Responsive Design) 4:21:47 - Agradecimientos y Despedida