Proiectarea interfețelor de utilizator pentru site-uri web și aplicații mobile împreună cu echipa ta este simplă: folosind Figma, un instrument de prototipare puternic și gratuit. Oricine poate participa la procesul de design datorită accentului pus pe colaborarea online și unei interfețe suplimentare, bazate pe browser. Singurul dezavantaj îl reprezintă limitările versiunii gratuite a instrumentului. Acesta poate fi cel mai elementar lucru pe care îl știm despre Figma. Acest articol ne permite să aflăm mai multe despre el citind aceste recenzii detaliate despre Figma.
Cuprins
Proiectarea interfețelor de utilizator pentru site-uri web și aplicații mobile împreună cu echipa ta este simplă: folosind Figma, un instrument de prototipare puternic și gratuit. Oricine poate participa la procesul de proiectare datorită unui accent pus pe colaborarea online și a unei interfețe suplimentare bazate pe browser. Limitările ediției gratuite a instrumentului sunt singurul său dezavantaj.
Mai mult, un program bazat pe web creat exclusiv pentru crearea de interfețe cu utilizatorul se numește Figma (UI). A fost dezvoltat în 2015 de un grup mic de dezvoltatori Google care intenționau să creeze o abordare mai eficientă a colaborării la proiecte de UI. Ei credeau că instrumentele actuale precum Photoshop și Sketch nu sunt suficient de versatile, ceea ce i-a înfuriat. Așa că și-au propus să dezvolte ceva nou care să le permită oamenilor să îndeplinească mai multe sarcini mai repede.
Mai mult, Figma, care a fost rezultatul, a devenit public în 2016. De atunci, a fost folosit de mii de designeri experți și descărcat de milioane de ori. Deoarece oferă clienților o combinație specială de funcții care le lipsește altor software-uri, popularitatea sa a crescut rapid.
Programul profesional de editare foto Photoshop există de ceva vreme. Designerii și fotografii editează fotografii folosind Photoshop pentru a modifica lucruri precum Decuparea, redimensionarea și culoarea. O aplicație web nou-nouță numită Figma a fost introdusă în 2016. Este creată pentru a ajuta utilizatorii să producă wireframes, prototipuri și machete pentru site-uri web și alte bunuri digitale. Iată cele trei motive excelente pentru care folosiți Figma peste Photoshop.
◆ Ușor de utilizat. Simplitatea de utilizare este unul dintre principalele avantaje ale Figma. Nu există bare de instrumente sau meniuri confuze în care să te pierzi. În schimb, tot ce trebuie să faci este să alegi din meniul principal din partea de sus a ecranului.
◆ Nu este necesară experiență. Spre deosebire de Photoshop, Figma nu necesită cunoștințe anterioare pentru a fi învățat. Oricine îl poate prelua imediat și poate începe să lucreze.
◆ Figma este excelent pentru designeri deoarece nu este conceput să înlocuiască Photoshop. Este o aplicație complementară menită să îi ajute pe designerii de site-uri web să își îmbunătățească munca.
Figma este un instrument gratuit cu abonamente lunare și anuale la prețuri rezonabile. Abonamentele lunare și anuale premium pentru Figma, un program gratuit de proiectare a interfeței, sunt pentru utilizatorii cu putere. Desigur, versiunea gratuită are restricții. Utilizatorii pot crea trei fișiere FigJam și trei fișiere Figma. Pentru consumatorii ocazionali, echipe relativ mici și designeri independenți, asta nu este îngrozitor.
Pentru utilizatorii care au plătit, există două upgrade-uri disponibile. Bibliotecile echipei, discuțiile audio și adăugările de fișiere în Professional sunt nelimitate. Util dacă trebuie să-ți păstrezi brandingul consistent. Taxa lunară este de $15, 14 GBP sau 24 AUD per editor. Tarifele lunare pentru editori sunt $12, 11 GBP sau 19 AUD pentru abonamentele anuale.
Organizația costă $45 / 41 GBP / 71 AUD pe editor pe lună pe un abonament anual și include tot ceea ce face Professional, precum și biblioteci la nivel de organizație, analize și gestionarea centralizată a fișierelor.
Vă puteți expune personajele preferate în ipostazele care vă plac cu ajutorul figurinelor de acțiune din PVC extrem de articulate, dar încă atractive, din seria Figma. În plus, figurinele din seria Figma, realizate din ABS și PVC, sunt articulate. Fiecare figurină vine cu un suport flexibil. Înălțimea figurilor variază de la 13 la 16 cm, în funcție de înălțimea personajului.
Găsiți peste 300 de șabloane create de personalul nostru pentru a vă ajuta să lansați o idee sau să o transformați în ceva nou. Vă rugăm să începeți cu navigarea de mai sus sau derulați în jos pentru a căuta idei în unele dintre categoriile noastre preferate. Unele dintre cele mai iubite șabloane Figma de către utilizatori sunt următoarele:
◆ Kituri pentru wireframe. Kitul nostru de wireframe bazat pe componente îți permite să îți validezi rapid ideile și să accelerezi procesul de design al site-ului web.
◆ Folosește șabloanele noastre pentru dezvoltarea de produs pentru a planifica următoarea ta versiune. Șabloanele FigJam oferă o foaie de parcurs fiabilă, de la începutul călătoriei produsului până la produsul final, permițându-ți să preiei controlul cu încredere.
◆ FigJam poate însufleți planificarea produsului. Un proces de planificare care duce la consens, nu la haos, este primul pas în crearea unor produse excepționale. Află cum FigJam, o tablă online pentru echipe, face ca planificarea să fie mai incluzivă, eficientă și plăcută.
Pluginul Figma vă permite să: Aduceți pictograme. În plus, puteți glisa și plasa fișierele cu pictograme plugin în Figma. Schimbați rapid pictograma aleasă. Pentru dezvoltatori, vizualizați codul pentru pictogramele importate. Introdu codul pentru a importa SVG unic. Decodifică datele: și URI. Este neîncărcat! Iconify importă întotdeauna pictograme ca SVG, spre deosebire de alte plugin-uri care oferă mai multe pictograme, dar necesită bani pentru a utiliza SVG. Proiectul Iconify open-source oferă exclusiv seturi de pictograme open-source.
În plus, Plugin ține evidența ultimei pagini pe care ați vizitat-o, simplificând răsfoirea sau căutarea simbolurilor. Din pagina de opțiuni, puteți oricând să resetați pluginul. Modul compact este disponibil și în plugin pentru utilizatorii cu monitoare mici. Activați opțiunea de lățime mică făcând clic pe linkul meniu (3 linii).
Una dintre cele mai importante caracteristici ale Figma este Auto Layout, care se evidențiază față de funcțiile similare din alte programe de design datorită adaptabilității sale. În esență, vă permite să construiți cadre și componente, astfel încât acestea să se poată extinde automat, fie făcând ca containerul să se adapteze la dimensiunea conținutului său, fie invers.
Creați un cont Figma
Vizitați www.figma.com, faceți clic pe Înregistrare și completați formularul pentru a începe cu Figma. După ce ați terminat, Figma se va lansa cu un ecran de pornire care arată astfel. Pentru a începe, selectați „Fișier nou”, apoi să mergem!
Explorați interfața Figma
Interfața Figma are un aspect foarte simplu și se simte, dar ascunde câteva capacități puternice.
◆ Instrument. Instrumentele pe care probabil le vei folosi cel mai des — cadre, forme, text etc. — pot fi accesate comod aici. (Vom acoperi aceste instrumente în următoarele câteva zile.)
◆ Opțiuni. Opțiunile suplimentare pentru instrumentul pe care l-ai ales sunt afișate în această secțiune. Figma afișează numele fișierului atunci când nu este selectat niciun element (ca în exemplul de mai sus). Opțiunile contextuale apar aici atunci când este selectat un obiect.
◆ Straturi. Fiecare componentă a fișierului este listată și clasificată în Frames și Groups.
◆ Canva. Aici îți finalizezi și îți evaluezi toată munca.
◆ Inspector. Pentru orice obiect selectat, Inspectorul afișează informații contextuale și setări. În imaginea de mai sus putem vedea opțiunile pentru însăși Canva. Vom discuta acestea mai târziu în cursul săptămânii. Te rugăm să reții că Figma oferă file diferite în Inspector (Design, Prototype și Code).
Crearea unui cadru
Pentru a alege Instrumentul Frame, apasă F. Pictograma Instrumentului Frame se află sub fila Options din partea de sus a ferestrei, unde o poți selecta și ca alternativă. În plus, poți apăsa A pentru Artboard dacă ești obișnuit să folosești Sketch.
Stabiliți un strat de text
Să scriem acum ceva conținut. Pentru a adăuga un strat de Text, fă clic oriunde în cadrul iPhone-ului după ce ai selectat instrumentul Text apăsând T. Să tastăm Sign In, pentru că acesta va fi un element al designului butonului. Pentru a ieși din instrumentul Text, apasă Escape.
Straturile ar trebui să fie aranjate într-un dreptunghi
Pentru a alege instrumentul Rectangle, apasă R. Desenează un dreptunghi în formă de buton în jurul textului nou creat.
Alinierea textului și dreptunghiului
Apăsând Escape sau V, asigură-te că este selectat instrumentul Move înainte de a trage un marquee în jurul textului și al dreptunghiului.
Modificați fontul
Puteți vizita setările Inspector în timp ce stratul de text este ales pentru a modifica fontul și dimensiunea, greutatea și culoarea acestuia. Roboto este încă folosit, dar scrierea este acum îndrăzneață și cu majuscule. Încearcă să te uiți la alegerile tale!
Salvarea și denumirea fișierului
Sarcina finală pentru astăzi este să dăm un nume fișierului nostru; pentru a face asta, selectează toate obiectele — folosirea tastei Escape va funcționa — și fă clic acolo unde scrie Untitled în partea de sus a ferestrei. Apoi introdu numele și apasă Save pentru a finaliza.
| Planuri și preț | Interfață și experiență | Proiecta | Colaborare online |
| 4.0 | 4.5 | 4.5 | 4.0 |
| 4.0 | 4.0 | 4.5 | 4.0 |
| 4.0 | 4.0 | 4.0 | 4.0 |
| 4.5 | 4.0 | 4.0 | 4.0 |
| 4.0 | 4.5 | 4.5 | 4.5 |
| 4.0 | 4.0 | 4.0 | 4.0 |
| 4.0 | 4.0 | 4.0 | 4.0 |
Figma nu funcționează?
Fișierul dvs. Figma se poate prăbuși din mai multe motive. Repornirea computerului este cea mai frecventă soluție. Încercați să reîncărcați fișierul sau să-l deschideți într-un alt browser dacă nu funcționează.
Cum decupez o formă în Figma?
Când alegeți Decupare din meniul derulant al modului de umplere din colțul din stânga sus al ecranului, Figma va adăuga opt mânere albastre la marginile imaginii. Apoi, puteți decide cât de mult din imagine să afișați făcând clic și trăgând mânerele albastre în orice direcție.
Este Figma ușor de învățat?
Figma este un program relativ ușor de învățat pentru noii designeri web. Acest lucru se datorează faptului că Figma oferă utilizatorilor o ediție gratuită limitată a software-ului, fără limită de timp încorporată, iar instrumentele sunt simplu de utilizat.
Concluzie
Veți înțelege bine FIGMA din această postare, împreună cu principalele sale beneficii și dezavantaje. O platformă de dezvoltare software open-source, bazată pe echipă, pentru crearea de aplicații web este FIGMA. Are un editor de cod, un instrument de testare și un editor de text îmbogățit. Model-View-Controller (MVC) este baza FIGMA. Chiar dacă are anumite dezavantaje, puteți învăța cu ușurință Figma urmând câțiva pași simpli menționați mai sus datorită beneficiilor sale. Sperăm că această postare vă oferă fiecare detaliu.
Ți s-a părut de ajutor?
329 Voturi
DAVă mulțumim că ne-ați anunțat!
NuVă mulțumim că ne-ați anunțat! 
Revizuirea Editorului Pixlr: pentru utilizatori avansați și cu costuri reduse
Editor foto
FastStone Review: Editați și convertiți fotografii într-un mod simplu
Convertor de fotografii
Revizuirea aplicației VSCO: creați, creați, editați și postați imagini
Editor foto
Snapseed Review și alternativele sale de editor profesional
Editor fotoConvertor video all-in-one, editor, îmbunătățitor îmbunătățit cu AI.
