Figma: disseny, prototipus i col·laboració a tota l’empresa

Figma

Els darrers mesos he estat ajudant a desenvolupar i integrar una instància de WordPress molt personalitzada per a un client. És bastant l’equilibri de l’estil, estendre WordPress a través de camps personalitzats, tipus de publicacions personalitzades, un marc de disseny, un tema secundari i connectors personalitzats.

El més difícil és que ho estic fent des de maquetes simples des d’una plataforma de prototipatge propietària. Tot i que és una sòlida plataforma de visualització i disseny, no es tradueix fàcilment a HTML5 i CSS3. Afegiu totes les altres iteracions i els meus dies són força frustrants amb el progrés extremadament lent.

Una peça del trencaclosques és que l'agència de disseny simplement va lliurar els prototips, sense proporcionar cap tipus de full d'estil mestre ... així que estem treballant per aconseguir-ho exportant els prototips a dirigible, i després traduir el CSS a WordPress. El nombre de passos necessaris i els buits entre plataformes fan que sigui un procés difícil. Per no parlar d’intentar simplificar les complexitats de velocitat i escalabilitat

Figma

Figma centralitza bona part d’aquest treball amb una plataforma que permet el disseny, la retroalimentació i la col·laboració entre tots els membres del vostre equip, inclosos:

  • Dissenyadors - Col·laborar en context i en temps real. No us preocupeu mai que els vostres fitxers estiguin obsolets o que sobreescriviu el treball de cadascú.
  • Les parts interessades - Envieu un enllaç per recollir comentaris, obtenir sol·licituds de canvi i permetre als grups d'interès fer còpies actualitzades als vostres dissenys.
  • Developers - Els enginyers sempre tenen accés a la font de veritat actual i poden inspeccionar elements, exportar actius i copiar codi.

Figma té algunes funcions úniques:

  • Operacions booleanes - Amb quatre fórmules: unió, resta, intersecció i exclusió, podeu combinar qualsevol conjunt de capes de forma amb precisió.
  • components - Creeu més ràpidament i amb més coherència amb elements reutilitzables i escalables a tots els fitxers. Accediu a capes de cada instància perquè pugueu editar i anul·lar intuïtivament text i imatges en línia.
  • Restriccions - Escaleu el disseny per adaptar-lo a qualsevol mida de pantalla fixant objectes en un marc principal, ajustant l'objecte a una quadrícula o fins i tot creant components que escalin.
  • Marcs de dispositius - Presenteu els vostres dissenys en els entorns adequats. Fins i tot podeu triar entre el mode vertical i horitzontal.
  • Interaccions - Feu que els vostres prototips cobrin vida definint les interaccions en fer clic, mentre passeu el cursor, mentre premeu, i molt més.
  • Superposicions - Amb un posicionament relatiu i manual, teniu un control complet sobre on i com apareixen les superposicions.
  • Perfecció de píxels - L’edició interactiva de 60 fps us proporciona visualitzacions i exportacions ultra nítides i perfectes per a píxels.
  • Prototips - Construïu fluxos ràpidament connectant pantalles i afegint elements com interaccions, transicions, superposicions i molt més. En lloc de sincronitzar-se amb altres eines, simplement comparteix una URL per rebre comentaris.
  • Responsive Design - Esteneu els dissenys i vegeu com respondran als canvis de mida de pantalla.

Prototipatge sensible

  • Desplaçament - Activeu el desplaçament horitzontal, vertical o qualsevol direcció dins de formes individuals o de tot el marc principal.
  • Estils - Sincronitzeu colors, text, quadrícules i efectes en tots els vostres projectes. Mantingueu menys estils de text i alineeu els dissenys entre diferents dispositius amb els estils de quadrícula únics de Figma.
  • Biblioteques d'equips - Comparteix components i estils a Figma; no calen unitats compartides ni eines addicionals. Vostè i el seu equip controlen com i quan es realitzen els canvis amb fluxos de treball de publicació senzills.
  • Xarxes vectorials - Figma ha creat l'eina de llapis per ser més intuïtiva, permetent una manipulació directa i preservant la compatibilitat amb els camins.

per empresa clients, Figma pot aconseguir consistència, eficiència i seguretat a gran escala. La plataforma permet als clients empresarials gestionar fàcilment sistemes de disseny amb biblioteques d’equips i la possibilitat de penjar i compartir tipus de lletra personalitzats a tota la vostra organització. S'inclouen l'inici de sessió únic, els controls d'accés i els registres d'activitat.

Comenceu amb Figma

Figma té una gran selecció de tutorials que mantenen al seu compte Canal de Youtube, aquí teniu un vídeo per començar:

Figma ofereix als desenvolupadors la possibilitat d'inspeccionar, copiar, exportar actius i copiar CSS directament des del fitxer de disseny. També podeu habilitar els vostres fluxos de treball existents amb integracions, inclosa dirigible, Avocode, Jira, Dropbox, ProtoPiei Principi per a Mac. També tenen una API sòlida.

Proveu Figma de forma gratuïta

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.