Què és Figma i quins productes inclou
Figma és una plataforma de disseny i creació de productes digitals el nucli de la qual, Figma Design, permet treballar conjuntament en interfícies i prototips. El nom també identifica l’empresa i una família més àmplia d’aplicacions: pissarres, presentacions, il·lustració, publicació web i creació assistida per IA. Convé identificar el producte concret quan es descriu una funció: una pantalla dissenyada, un prototip connectat i una aplicació generada amb Make són resultats diferents.
La seva aportació principal és reunir decisions visuals i funcionals en un espai que poden revisar dissenyadors, desenvolupadors i responsables de producte. Per exemple, un formulari no s’estudia únicament com una imatge: s’analitzen camps, missatges, estats i recorreguts. Aquesta perspectiva és útil en productes destinats a treballadors, on un text ambigu o un estat mal identificat pot dificultar una tasca encara que la interfície tingui un aspecte acurat.
Documentació de referència: Figma Design · Figma Make.
Origen i evolució del producte
Dylan Field i Evan Wallace van fundar Figma el 2012. El projecte va explorar com traslladar una eina professional de disseny al navegador, utilitzant tecnologies com WebGL. La presentació pública inicial va arribar el desembre de 2015; el setembre de 2016 es va obrir l’accés general amb edició simultània. El navegador va passar de ser un mitjà per mostrar el resultat a ser el lloc on diferents persones podien produir-lo conjuntament.
El 2019 es va presentar Figma Community, un espai per publicar fitxers que altres persones poguessin examinar i reutilitzar. L’evolució posterior va ampliar l’entorn des del disseny d’interfícies cap a la planificació, la comunicació i la creació de productes. L’octubre de 2025 Figma va anunciar l’adquisició de Weavy, origen de Figma Weave, per ampliar el treball amb imatges, vídeo i altres mitjans mitjançant fluxos d’IA. Aquestes fites expliquen l’amplitud actual de la marca sense confondre l’antiguitat de l’editor amb la de cada aplicació.
Documentació de referència: Design, meet the internet, 3 December 2015 · Multiplayer editing in Figma, September 2016 · Introducing Figma Community, October 2019 · Welcome Weavy to Figma, October 2025.
Empresa, proposta d’adquisició i sortida a borsa
Adobe va anunciar una proposta d’adquisició de Figma el setembre de 2022. L’operació es va abandonar el desembre de 2023 perquè no hi havia una via clara per obtenir l’autorització reguladora. A les conclusions provisionals de novembre de 2023, l’autoritat britànica de competència, CMA, havia expressat preocupació per la reducció de competència i innovació en programari de disseny. Era una avaluació de l’operació, no un defecte tècnic de l’editor.
Figma va continuar com a empresa independent d’Adobe i va completar l’oferta pública inicial l’agost de 2025, segons els documents presentats davant la SEC. Per tant, no s’ha de descriure com una aplicació inclosa a Creative Cloud a causa d’aquella proposta. Per a una organització, la distinció té conseqüències pràctiques: contractació, administració d’usuaris, tractament de dades i suport es gestionen en el marc de l’oferta de Figma.
Documentació de referència: Adobe collaboration announcement and cancellation update · CMA: Adobe/Figma provisional competition findings, November 2023 · Figma Form 10-Q, quarter ended June 2025.
Marcs, components i sistemes de disseny
Figma Design organitza el treball mitjançant capes i marcs que poden representar pantalles, components o grups de contingut. Els components reutilitzables permeten tractar un botó, una targeta o un avís com a elements d’un sistema. Auto layout organitza continguts horitzontalment, verticalment o en quadrícula i controla separació, marges interiors i adaptació de la mida.
Les variables desen valors reutilitzables i es poden agrupar en col·leccions amb diferents modes. Serveixen, per exemple, per representar temes visuals, dimensions o textos alternatius. Són útils quan un canvi s’ha d’aplicar coherentment: ajustar l’espaiat d’un camp o revisar el nom d’un estat en diverses pantalles.
Un sistema de disseny necessita decisions a més d’elements reutilitzables. És útil documentar quan s’utilitza cada component, què significa cada estat i quin contingut admet. Per a una interfície multilingüe, convé provar paraules llargues, missatges de diverses línies i camps buits. Un disseny ajustat al text més curt pot desbordar-se quan es tradueix o quan arriba un missatge d’error real.
Documentació de referència: Guide to auto layout · Variables, collections and modes · Figma Design.
Prototips, especificacions i lliurament al desenvolupament
Els prototips connecten marcs mitjançant interaccions i punts d’inici. Un mateix fitxer pot contenir diversos fluxos per estudiar tasques diferents. La prova ha d’incloure rutes alternatives: una selecció equivocada, el retorn a un pas anterior o la interrupció del procés. Així es descobreix quines instruccions falten i quines decisions encara no estan resoltes.
Dev Mode permet inspeccionar propietats, consultar recursos i comparar versions; facilita comunicar què està preparat per implementar. Figma Specs, en beta en la data de revisió, afegeix un espai per expressar intenció, requisits i context que també poden utilitzar agents de desenvolupament.
Un lliurament útil relaciona pantalla, comportament i criteri d’acceptació. «El missatge apareix» és insuficient si no s’especifica quan, per a qui i què passa després. Per exemple, una confirmació d’enviament ha de correspondre a una recepció efectiva a l’aplicació final. El disseny pot definir aquesta intenció; la implementació i les proves han de demostrar que es compleix.
Documentació de referència: Figma — Guide to prototyping · Figma — Guide to Dev Mode · Figma Specs.
Pissarres, presentacions, il·lustració i moviment
- FigJam: pissarra col·laborativa per organitzar idees, diagrames i decisions. Encaixa en l’anàlisi prèvia a una interfície o en una sessió on el resultat encara no té una forma definida.
- Figma Slides: presentacions que poden incorporar prototips interactius i mecanismes de participació. Serveix per explicar una proposta i permetre que l’audiència explori el comportament mostrat.
- Figma Draw: eines d’il·lustració vectorial, pinzells, textures i efectes dins de l’entorn de disseny. Aporta més control expressiu sobre gràfics i il·lustracions.
- Figma Motion: animació mitjançant línia de temps, fotogrames clau i corbes, amb sortides com CSS, JSON o React. Està en beta; algunes funcions anunciades, com determinades transformacions 3D, encara figuraven com a futures el 8 de novembre de 2026.
L’elecció depèn del lliurable: un mapa de decisions, una explicació per a una reunió, una il·lustració o un comportament animat. Utilitzar la mateixa família facilita la continuïtat visual, però cada format exigeix revisar-ne el contingut i la destinació.
Documentació de referència: Figma FigJam · Figma Slides · Figma Draw · Figma Motion.
Make, Sites, Buzz, Weave i funcions d’IA
Figma Make genera prototips funcionals i aplicacions web a partir d’instruccions i materials de referència. Figma Sites s’orienta a dissenyar i publicar llocs adaptables, amb col·leccions de contingut CMS. Figma Buzz organitza la producció de materials de marca amb plantilles i elements protegits. Sites i Buzz figuraven en beta el 8 de novembre de 2026: la seva existència no implica que tots els comptes tinguin funcions idèntiques.
Figma Weave connecta models i operacions d’edició en fluxos per a imatges i altres mitjans. La documentació actual diferencia el seu compte i crèdits dels de Figma, tot i que ofereix connexió amb elements de Design. L’agent de Figma i les capes de codi afegeixen creació conversacional i comportament executable al llenç; la disponibilitat depèn del producte, el compte i la fase beta.
Aquestes vies resolen problemes diferents. Per explorar una interacció sovint n’hi ha prou amb un prototip; per demostrar comportament amb codi pot servir Make; per a un web informatiu, Sites. Abans d’escollir, defineix si el resultat haurà de conservar dades, autenticar persones, connectar-se a altres sistemes o simplement explicar una proposta.
Documentació de referència: Figma Make · Figma AI overview · Figma Sites · Figma Buzz · Figma Weave FAQ.
Exportacions, extensions i connexió amb agents
Els dissenys estàtics es poden exportar com a PNG, JPG, SVG o PDF. PNG i JPG produeixen imatges; SVG conserva informació vectorial, amb decisions sobre convertir text en traçats; el PDF exportat no equival a un document de text plenament editable. Cap d’aquests formats conserva per si sol totes les interaccions del prototip.
L’ecosistema de plugins, presentat el 2019, amplia tasques com gestionar capes, incorporar recursos o automatitzar operacions. Abans de dependre d’una extensió, convé identificar-ne el proveïdor, les dades utilitzades i la compatibilitat amb el flux de l’equip. Un plugin extern té evolució i condicions pròpies.
El servidor MCP de Figma permet proporcionar context de disseny a agents i, en funcions compatibles, escriure elements natius al llenç. L’escriptura requereix el servidor remot i, fora dels esborranys propis, una llicència Full; es documenta com a beta. Per avaluar una integració, compara el resultat amb components, espaiats i estats de l’original, i comprova quins fitxers i permisos necessita realment.
Documentació de referència: Export formats for static designs · Introducing Figma plugins, August 2019 · Figma MCP server documentation.
Plataformes, plans i tractament del contingut
Figma s’utilitza al navegador i ofereix aplicacions oficials d’escriptori per a macOS i Windows, a més d’aplicacions mòbils per a iOS i Android. La pàgina de descàrregues consultada no ofereix una aplicació oficial d’escriptori per a Linux. La interfície inclou castellà; el català no figura a la llista d’idiomes de la interfície, cosa que no impedeix dissenyar materials escrits en català.
Els plans principals són Starter, Professional, Organization i Enterprise. Les llicències Full, Dev i Collab distribueixen capacitats segons la funció de cada participant. Convé dimensionar edició, inspecció i col·laboració per separat, i revisar crèdits d’IA i funcions beta abans de pressupostar.
L’accés a IA i l’ús de contingut per entrenar són controls diferents. Segons la documentació vigent, Starter i Professional activen inicialment l’entrenament de contingut amb opció administrativa d’exclusió; Organization i Enterprise el mantenen desactivat. La revisió d’un compte ha de comprovar els ajustos efectius i el material compartit. Per a prototips amb informació laboral, una col·lecció d’exemples ficticis permet representar situacions útils sense traslladar expedients personals al fitxer.
Documentació de referència: Figma downloads · Figma plans and pricing · Manage AI and content training.
Aplicacions concretes en SST
Pot contribuir a la seguretat i salut en el treball durant el disseny de formularis, aplicacions o comunicacions preventives. Permet estudiar com una persona interpreta les instruccions i troba la informació abans de desenvolupar una solució, incorporant observacions de treballadors i tècnics en una fase inicial.
En prevenció, pot ajudar a comprovar si un formulari utilitza termes comprensibles, si una llista d’instruccions funciona en mòbil o si la persona identifica el pas següent. També serveix per dissenyar missatges d’error, camps obligatoris i estats pendents, aspectes que sovint queden fora d’una maqueta ideal.
El valor consisteix a observar dificultats concretes abans de construir. Opinar que una pantalla «es veu bé» no substitueix provar la tasca amb persones representatives i necessitats d’accés diferents.
Cas pràctic i comprovació del resultat
Exemple: crear un prototip d’un formulari per comunicar una condició insegura, amb camps clars i un recorregut breu. Es prova amb usuaris representatius per detectar termes ambigus, dificultats de lectura o passos que impedeixen completar la comunicació.
- Definir l’objectiu: comunicar una condició observada sense exigir dades desconegudes. Fer servir exemples ficticis, no incidents identificables.
- Crear estats d’inici, entrada incompleta, revisió i confirmació. Distingir «enviat» de «resolt» per no prometre una actuació inexistent.
- Connectar el recorregut i provar alternatives: tornar enrere, corregir un camp o abandonar. Incloure etiquetes clares sense dependre només d’icones.
- Observar si participants troben l’acció sense indicacions. Registrar on dubten, quina informació esperen i com interpreten el missatge.
- Lliurar decisions, estats i textos acordats al desenvolupament. Repetir la comprovació al producte real, perquè el prototip no en reprodueix tot el funcionament.
És un exercici de disseny proposat; no implica que s’hagi desenvolupat o validat cap aplicació concreta.
Límits i condicions d’ús
Un prototip no valida per si mateix l’accessibilitat, la seguretat informàtica ni el funcionament del sistema final. Evita utilitzar dades personals reals en les proves i verifica després que l’aplicació implementada conserva el comportament i les millores acordades.
Un prototip pot aparentar que desa informació quan només mostra la pantalla següent. No permet deduir permisos, traçabilitat, lliurament d’avisos ni disponibilitat sense connexió. Tampoc substitueix les proves d’accessibilitat del codi final. Abans de compartir un enllaç, comprova quines pàgines i recursos pot veure el destinatari, no només la pantalla inicial.
Documentació de referència: Figma — Guide to prototyping · Figma — Guide to Dev Mode.
Quan escollir-la i amb què complementar-la
Escull Figma quan la pregunta principal sigui com recorrerà una persona la interfície. Per recollir idees de manera oberta pot complementar Miro. Construir una aplicació amb Power Apps correspon a una altra fase, amb decisions de dades, permisos i manteniment.
La prova de selecció ha d’incloure un canvi de requisit: comprova si els components i estats es poden actualitzar coherentment sense deixar pantalles antigues connectades al flux.
Preguntes freqüents
Un prototip de Figma Design ja és una aplicació?
Un prototip de Design representa una experiència i les interaccions previstes. Make és un altre producte de la família, capaç de generar aplicacions web; el resultat també requereix proves abans d’utilitzar-lo. Cal implementar i verificar separadament el comportament real.
Es pot provar un formulari sense dades personals?
Sí. Les dades fictícies permeten estudiar comprensió i recorregut sense introduir expedients reals.
Què convé lliurar al desenvolupament?
A més de pantalles, estats d’error, textos aprovats, permisos esperats i criteris d’acceptació observables. Cal identificar les decisions obertes.
Documentació de referència: Figma — Guide to prototyping · Figma Make.
