Figma: deseño, prototipo e colaboración entre empresas

Figma

Nos últimos meses estiven axudando a desenvolver e integrar unha instancia de WordPress moi personalizada para un cliente. É bastante equilibrado entre o estilo, a extensión de WordPress a través de campos personalizados, tipos de publicacións personalizadas, un marco de deseño, un tema infantil e complementos personalizados.

O difícil é que o estou a facer a partir de simples maquetas desde unha plataforma de prototipado propietaria. Aínda que é unha plataforma sólida para a visualización e o deseño, non se traduce facilmente a HTML5 e CSS3. Engade todas as outras iteracións e os meus días son bastante frustrantes co progreso moi lento.

Unha peza do enigma é que a axencia de deseño simplemente entregou os prototipos, sen proporcionar ningún tipo de folla de estilo mestra ... polo que estamos traballando para logralo exportando os prototipos a dirigível, e logo traducindo o CSS a WordPress. O número de pasos necesarios e as lagoas entre plataformas fan que sexa un proceso difícil. Sen mencionar o intento de simplificar as complexidades de velocidade e escalabilidade

Figma

Figma centraliza gran parte deste traballo cunha plataforma que permite o deseño, comentarios e colaboración en cada membro do seu equipo, incluíndo:

  • Deseñadores - Colaborar no contexto e en tempo real. Non te preocupes nunca por que os teus ficheiros estean obsoletos ou sobreescriban o traballo do outro.
  • Stakeholders - Envía unha ligazón para recompilar comentarios, obter solicitudes de cambio e permitir ás partes interesadas facer actualizacións de copia nos teus deseños.
  • Desenvolvedores - Os enxeñeiros sempre teñen acceso á fonte de verdade actual e poden inspeccionar elementos, exportar activos e copiar código.

Figma ten algunhas características únicas:

  • Operacións booleanas - Con catro fórmulas: unir, restar, cortar e excluír, pode combinar calquera conxunto de capas de forma con precisión.
  • Compoñentes - Constrúe máis rápido e de forma consistente con elementos reutilizables e escalables nos teus ficheiros. Acceda a capas en cada instancia para que poida editar e substituír intuitivamente texto e imaxes en liña.
  • Restriccións - Escale o seu deseño para que se adapte a calquera tamaño de pantalla fixando obxectos nun cadro pai, axustando o obxecto a unha reixa ou incluso creando compoñentes que escalen.
  • Marcos de dispositivos - Presente os seus deseños nos ambientes adecuados. Podes incluso escoller entre o modo vertical e horizontal.
  • Interaccións - Fai que os teus prototipos cobren vida definindo as interaccións ao facer clic, mentres planeas, presionas e moito máis.
  • Solapes - Co posicionamento relativo e manual tes un control total sobre onde e como aparecen as superposicións.
  • Perfección de píxeles - A edición interactiva de 60 fps trae previsualizacións e exportacións ultra nítidas e perfectas para píxeles.
  • prototipado - Constrúe fluxos rapidamente conectando pantallas e engadindo elementos como interaccións, transicións, superposicións e moito máis. En vez de sincronizar con outras ferramentas, simplemente comparte un URL para recibir comentarios.
  • Proxecto Responsive - Estenda os seus deseños e vexa como responderán aos cambios no tamaño da pantalla.

Prototipado responsivo

  • Desplazamento - Habilite o desprazamento horizontal, vertical ou de calquera dirección dentro de formas individuais ou todo o cadro principal.
  • Styles - Sincroniza cores, texto, cuadrículas e efectos en todos os teus proxectos. Mantén menos estilos de texto e aliña os teus deseños en diferentes dispositivos cos estilos de cuadrícula únicos de Figma.
  • Bibliotecas en equipo - Comparte compoñentes e estilos en Figma, sen necesidade de unidades compartidas nin ferramentas adicionais. Vostede e o seu equipo controlan como e cando se implementan os cambios con simples fluxos de traballo de publicación.
  • Redes vectoriais - Figma creou a ferramenta de pluma para ser máis intuitiva, permitindo unha manipulación directa e preservando a compatibilidade cara atrás.

para empresa clientes, Figma pode impulsar a consistencia, eficiencia e seguridade a escala. A plataforma permite aos clientes empresariais xestionar facilmente os sistemas de deseño con bibliotecas de equipos e a posibilidade de cargar e compartir tipos de letra personalizados na súa organización. Inclúense inicio de sesión único, controis de acceso e rexistros de actividades.

Comezar con Figma

Figma ten unha gran selección de tutoriais que manteñen no seu Canle en YoutubeAquí tes un vídeo para comezar:

Figma ofrece aos desenvolvedores a capacidade de inspeccionar, copiar, exportar activos e copiar CSS directamente desde o ficheiro de deseño. Tamén pode habilitar os seus fluxos de traballo existentes con integracións, incluíndo dirigível, Avocode, Jira, Dropbox, ProtoPiee Principio para Mac. Tamén teñen unha API robusta.

Proba Figma de balde

¿Que pensas?

Este sitio usa Akismet para reducir o spam. Aprende a procesar os teus datos de comentarios.