![OscarRGB](/img/default-banner.jpg)
- 157
- 222 429
OscarRGB
Spain
Приєднався 30 кві 2012
Llevo más de 10 años trabajando como diseñador gráfico para clientes de todo el mundo (Australia, Suiza, Alemania, España, Holanda, Colombia...).
Hace 6 años, fundé mi propia agencia de diseño Palo Seco.
Voy a compartir todo lo que he aprendido y voy aprendiendo en este canal de UA-cam.
Si te interesa el diseño web, UX/UI, Branding y demás... ¡Sígueme!
Hace 6 años, fundé mi propia agencia de diseño Palo Seco.
Voy a compartir todo lo que he aprendido y voy aprendiendo en este canal de UA-cam.
Si te interesa el diseño web, UX/UI, Branding y demás... ¡Sígueme!
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
✅ 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...
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)
Para este curso se requiere la version pro de figma.
Me sirvió un montón, nuevo suscriptor
Demasiado espectacular 🤩
En el minuto 15:48 has pasado de tener el menú de elementos pro de ingles a español. Como lo has hecho??
Iniciando mi curso 16/08/24 Les aviso como me va
Muchas gracias!! Tremendo curso!!
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!!!
Quedo muy bien bro 👍
¿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.
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?
me cogieron para un curro y ahora me piden figma, te acabas de convertir en el dios al que rezo
3 meses resumidos en 17 min...amo ♥!!!!!
tu contenido realmente es muy específico y valioso! muchas gracias he aprendido mucho
Muchas gracias!
Que piensas acerca de la app Reddit ? Es una buena herramienta de investigacion fiable?
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 😀
@@OscarRGB muchas gracias 👌
Te veo en Instagram! Buenazo verte en UA-cam! Has diseños de Cards por favor!!
En Instagram he hecho un par 😀
Como copio la tinta del color, cuando muestras el color neutro. No se como cambiar el cursor. Gracias de antemano.
@@gracimarperezmorgado5426 “i” para el chupa tintas “v” para el cursor normal 😀
@@OscarRGB Muchas gracias ✨✨🤗
como copias la tinta con el cursor? Tengo esa duda.
@@andresfernandez8406 tecla “i” 😀
@@OscarRGB Gracias 🦾
Gracias por tu compartir tu conocimiento Oscar, sos crack 🫶🏽
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.
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?
@@camilagonzalezfotografia sii, a la hora de importar te deja importar secciones o la pagina entera 😀
🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬
lo hice pero siento que se e paso incompleta la web ademas de que tenia muchos detalle sera que hice la web mal ?
Gracias Oscar, por dar un pequeño brief y de entender en mejor contexto las tecnicas y metodologias usadas en el UX.
Muchas gracias por tu comentario!
En un minuto dijo y se explica como tortuga. jeje
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)?
@@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 😀
trato de obtener la licencia gratuita, pero luego de seleccionarla no se renderiza nada, solo se observa el encabezado checkout
Así si que es facíl ! gracias maestro
Grande Buba!!!
Ay que genial este video!! Gracias ❤
Gracias!!
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
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!
me encantoooo, me re inspiraste!
A darle caña, con estas bases ya podemos hacer lo que queramos!
Gracias Oscar!!
a ti!!
@@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?
@@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 😀
@@OscarRGB vas a vender un curso?
@@andresordovinicorreas8014 si! Estoy preparando uno de figma y otro de UI mas avanzado 😀
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? 😵💫
Pero finalmente el ejercicio de autolayout no se pudo hacer con las imágenes de retratos en círculo? lo intente y no pude:(
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
Gracias Oscar por compartir tu conocimiento! Excelente tutorial, me ayudó muchísimo.
❤❤❤❤❤
Excelente trabajo amigo, explicas muy bien y lo haces de la manera correcta, gracias por tu aporte
Muy buen vídeo … se te ve muy honesto… este es el camino a seguir!
serviría para una landing page?
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!
Excelente video!! Consulta, cómo seteaste los valores de las sombras? Sólo variando la opacidad? Saludos
Opacidad X y Y, existe un plugin llamado beautifull shadows que funciona muy bien.
Es complicado desarrollar sin un caso real donde apoyarte, pero se ha entendido genial Oscar, gracias por el esfuerzo!
Increible!!
@@Khingu 🔥🔥🔥
Oscar 🫦🫦🫦 increíble video
@@frvnca muchas gracias !! 🔥🔥
¿Y de donde saco las imágenes? No sé si me salte un punto
Tus videos son lo mejor que vi! Super completos y muy bien explicados, estas en cada detalle Oscar GRACIAS
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?
Solo soy yo o porque a mí me aparece otra interfaz en wix estudio? Ayuda..
Estás seguro que estás en wix studio y no en wix?
Te quiero Oscar, muchas gracias por este curso!
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