Ați auzit de Figma, dar nu sunteți sigur ce este? Ați văzut Figma, dar nu sunteți sigur dacă merită învățat? N-ai văzut sau auzit niciodată de Figma? Dacă răspunsul la oricare dintre aceste întrebări este „Da”, atunci această postare de blog este pentru tine.
Ce sunt Figma și Figma Design?
Aceasta este o întrebare simplă cu un răspuns oarecum complex, nu în ultimul rând pentru că există mai multe produse care se încadrează sub umbrela Figma, realizate de dezvoltatorii companiei Figma, Inc (deseori prescurtată la Figma). La momentul scrierii, aceste produse sunt listate pe Wikipedia ca:
- Figma
- Fig Jam
- Figma Slides
- Site-uri Figma
- Figma Make
- Figma Buzz
- Figma Draw
Veți vedea că primul dintre aceste produse este enumerat pur și simplu „Figma”. Acesta este produsul original Figma care există de la mijlocul anilor 2010. (În schimb, ultimele patru produse enumerate au fost toate lansate în 2025.) Cu toate acestea, din cauza existenței acestor alte produse Figma, Figma, Inc a început să se refere acum la produsul original ca „Figma Design” (sau în unele locuri doar „Design”). Cred că această denumire este adoptată încet în general, dar veți găsi în continuare o mulțime de referințe la Figma care înseamnă ceea ce Figma, Inc numește acum Figma Design.
Deci, ce este Figma Design?
Potrivit Figma, Inc:
Figma Design este pentru ca oamenii să creeze, să partajeze și să testeze design-uri pentru site-uri web, aplicații mobile și alte produse și experiențe digitale. Este un instrument popular pentru designeri, manageri de produs, scriitori și dezvoltatori și ajută pe oricine implicat în procesul de proiectare să contribuie, să ofere feedback și să ia decizii mai bune, mai rapid.
Aș simplifica asta la:
Figma Design este un software colaborativ bazat pe cloud, care permite utilizatorilor să creeze wireframes, machete de înaltă fidelitate și prototipuri funcționale de site-uri web și aplicații mobile.
Acest lucru nu acoperă tot ceea ce poate face Figma Design sau pentru care poate fi folosit, așa cum voi trece, dar cred că acoperă principalele motive pentru care ați alege să învățați Figma Design față de alte software de design.
Pentru ce pot folosi Figma Design?
După cum sa sugerat în secțiunea anterioară, oferta de bază a Figma Design (cel puțin din punctul meu de vedere) este capacitatea de a realiza rapid wireframes, modele de înaltă fidelitate și prototipuri interactive. Acestea pot fi foarte utile atunci când construiești un tablou de bord complex.
Am folosit Figma Design pentru o serie de alte lucruri, inclusiv:
- artă vectorială simplă
- diagrame de flux
- adnotarea capturilor de ecran
- literatură promoțională destinată tipăririi
- editare de imagini foarte simplă
Figma Design nu este cel mai bun instrument disponibil pentru oricare dintre aceste sarcini. Dar dacă îți este la dispoziție, știi să-l folosești și își face treaba la un nivel satisfăcător, atunci ar putea fi cel mai convenabil instrument pe care îl ai la dispoziție.
Este Figma Design gratuit?
La fel ca multe (majoritatea?) instrumentelor software bazate pe cloud, Figma Design (și restul produselor Figma) este software freemium. Ceea ce este și ce nu este disponibil pe nivelul gratuit este susceptibil să se schimbe, așa că tot ceea ce urmează în această secțiune ar trebui presupus a fi avertizat cu „la momentul scrierii”.
Deși cu siguranță poți folosi Figma Design gratuit – și cred că poți învăța cum să folosești majoritatea instrumentelor sale – răspunsul dacă îl poți folosi așa cum dorești fără să plătești este, fără a fi surprinzător, „depinde”. Dacă faci parte dintr-o echipă, nivelul gratuit limitează strict numărul de fișiere de colaborare care pot fi create și capacitatea ta de a crea biblioteci partajate. Dacă lucrați independent, este posibil ca aceste lucruri să nu fie o problemă, dar nu veți avea acces la alte funcții disponibile în niveluri plătite, cum ar fi modul Dev și importurile video.
Instrumente din Bara de instrumente
Lucrurile pe care le veți folosi cel mai mult în Figma Design, alături de omniprezentul instrument Mutare, sunt aproape sigur instrumentul Frame și instrumentul Text. Acestea s-ar putea să nu sune foarte incitante, dar puteți obține un drum lung folosind doar acestea. O mare parte din puterea lor vine din capacitatea de a personaliza fin aspectul cadrelor (în esență containere pentru lucruri) și text și de a construi machete complexe prin combinarea și imbricarea elementelor pe care le-ați creat. Cadrele pot fi, de asemenea, umplute cu imagini, așa că, deși există un instrument separat pentru imagine/video, nu este nevoie să îl utilizați pentru a vă crea machetele de înaltă fidelitate. Acest lucru este ilustrat mai jos, unde partea de sus a paginii de pornire Jumping Rivers a fost recreată folosind doar instrumentele Frame și Text.
Există diverse alte instrumente disponibile asociate cu desenul vectorial – Linie, dreptunghi, elipsă, stilou – precum și secționarea și comentarea.
Instrumente conceptuale
Pe lângă instrumentele literale (în sens digital) descrise mai sus, Figma Design vă oferă instrumentele (în sens larg, conceptual) pentru a efectua o serie de sarcini utile.
Cel mai semnificativ dintre aceste instrumente conceptuale este capacitatea de a crea prototipuri interactive. Pe scurt, puteți selecta un articol din designul dvs., îl puteți conecta la un alt articol și apoi puteți defini una sau mai multe interacțiuni. Acest lucru este simplu în principiu și destul de simplu în practică pentru început. Pentru modele complexe cu multe interacțiuni, mi se pare că devine rapid destul de dezordonat și dificil de descifrat: Figma, Inc numește reprezentările vizuale ale conexiunilor pe care le creați între elemente „tăitei” și mi se pare potrivit, deoarece este destul de ușor să ajungeți la un fel de supă de tăiței greu de descifrat. Cu toate acestea, instrumentele există și, pentru modele simple, este rapid să configurați și apoi să rulați un prototip funcțional.
Utilizatorii plătitori pot folosi instrumentele disponibile în modul Dev. Deoarece nu face parte din nivelul gratuit, nu voi intra în detalii aici, dar pe scurt este o suită de instrumente care ar trebui să faciliteze conversia fișierelor de design în cod.
De asemenea, este ușor să exportați părți arbitrare ale unui design ca JPEG, PNG, SVG sau PDF. Nu există încă suport pentru aplicații native pentru exportul WebP sau AVIF, dar există pluginuri comunitare care le oferă.
Deci, ar trebui să îmi proiectez tabloul de bord cu Figma Design?
Asta depinde, desigur, de tine. Dacă tabloul de bord este destul de simplu și lucrezi pe cont propriu, poate fi mai ușor să mergi direct și să construiești versiunea 1 a tabloului de bord cu instrumentul tău preferat de creare a tabloului de bord. Dacă sunteți competent cu o bibliotecă precum Shiny sau Dash, acest lucru poate fi destul de rapid. Cu toate acestea, dacă faci parte dintr-o echipă care construiește o aplicație complexă, Figma Design poate ușura etapele inițiale de dezvoltare. Și, dacă doriți să testați utilizatorul cu prototipuri interactive simple, atunci este cu siguranță o opțiune care merită luată în considerare.
Pentru actualizări și revizuiri ale acestui articol, consultați postarea inițială
