Figma y Windows Fluent Design System


En este corto artículo trataremos de entender las directrices de diseño y analizaremos código de interfaz de usuario para crear experiencias de aplicaciones de Windows.

Windows 11 Insider Preview Build 25252

En el título hay dos temas, uno de ellos lo hemos visto aquí para tratar de entenderlo. Ahora que eso quedó claro, nos queda enteder que es Figma.

Como he escrito varios artículos del tipo “HowTo” debemos tener en claro los lineamientos de diseño para la plataforma Windows, pues el próximo año nos enfocaremos en WinUI

Dejo a cargo de los lectores la investigación de los temas relacionados a lineamientos de diseño (es bastante largo y completo por lo que no entraría en un solo artículo). A decir verdad, no me llevo bien con diseño de aplicaciones (para eso están los diseñadores). Puedes leer todo aquí

¿Qué es Figma?

Figma es una herramienta de diseño de interfaces que permite la colaboración en tiempo real entre equipos. Se pueden crear sitios web, gráficos y más.

Figma tiene muchas características que la hacen una herramienta de diseño muy útil y versátil. Algunas de ellas son:

  • Es una aplicación web, lo que significa que se puede acceder a ella desde cualquier navegador y dispositivo.
  • Permite la creación de prototipos interactivos y realistas, que se puede compartir y probar con tu equipo o clientes.
  • Facilita la colaboración entre diseñadores y desarrolladores, ya que se puede exportar el código CSS, SVG o React de tus diseños.
  • Tiene un sistema de componentes y estilos que ayuda a crear interfaces consistentes y reutilizables.

¿Qué tiene que ver Figma con Windows App SDK?

Con Figma se pueden crear diseños de interfaces para aplicaciones de escritorio de Windows usando el Windows App SDK, un conjunto de componentes y herramientas que te permiten usar las APIs y funcionalidades de Windows 11 y versiones anteriores.

Se puede descargar la aplicación de escritorio de Figma para Windows desde su sitio web y usarla para diseñar, prototipar y colaborar en los proyectos. También se puede usar la plataforma de desarrolladores de Figma para crear plugins o integraciones con otras herramientas.

Empezar a trabajar con Figma y Windows Fluent Design System

Y nada, rápidamente debemos empezar en esta página y ¡manos a la obra!

Deberías instalarlo desde Microsoft Store para probar.

¡Espero resulte útil!


Ver también