kontakt
Software house
>
Tag
>
Figma | Program do prototypowania i projektowania UI/UX
Figma program do projektowania UI i UX

Figma | Program do prototypowania i projektowania UI/UX

Data wpisu
Tomasz Kozon
Autor
Tomasz Kozon

Figma to jedno z nowocześniejszych (obok np. AdobeXD) i cieszących się dużą popularnością narzędzi do projektowania i prototypowania stron internetowych i aplikacji mobilnych. Umożliwia tworzenie interaktywnych widoków w przeciwieństwie do statycznych makiet projektowanych jeszcze kilka lat temu w Adobe Photoshop. Posiada bardzo uproszczony interfejs, a przy tym jest bardzo funkcjonalne. Figma zawiera jedynie niezbędne pakiety i narzędzia najczęściej wykorzystywane w pracy Web Designera, co przedkłada się na stosunkową małą wagę całego programu. Jego podstawową zaletą jest szybkość działania mimo otwartych kilkunastu widoków jednocześnie. Dodatkowo za pomocą Figmy można łatwo edytować dowolne pliki wektorowe w tym SVG, co znacznie przyspiesza pracę nad projektem.

Figma UX

Te przewagi pozwoliły Figmie bardzo szybko zdobywać rynek projektowania i protoypowania aplikacji. W połowie 2021 roku spółka była wyceniania na ponad 10 mld dolarów, przechodząc drogę od małego start-upu do pierwszego wyboru dla UX Designerów. Nasz zespół również używa Figmy w większości realizacji.

Figma program do prototypowania

Figma – współpraca w trybie online

To co wyróżnia Figmę na rynku to fakt, że oparta jest na przeglądarce – jest zawsze online. Oznacza to, że nawet w przypadku braku łączności z siecią praca nad otwartymi dokumentami jest jak najbardziej możliwa. Dzięki takiemu rozwiązaniu program ten umożliwia współpracę wielu członkom zespołu jednocześnie, która dodatkowo odbywa się w czasie rzeczywistym. Co więcej, narzędzie samo wymusza automatyczne zapisywanie projektów online. Wszystko to daje możliwości kontrolowania prac nad projektowaniem nowoczesnych stron, aplikacji webowych i mobilnych. Dzięki takim rozwiązaniom Figma umożliwia łatwą i zsynchronizowaną współpracę nie tylko z całym zespołem Web Designerów i Content Managerów, ale i z klientem. Linki z aktualnymi widokami generują się automatycznie, dzięki czemu obie strony mają podgląd na aktualny stan projektu, a zmiany mogą być wprowadzane „na żywo”. Pracując w Figmie widzisz w czasie rzeczywistym działania reszty zespołu.

Aplikacja udostępnia możliwości instalacji na urządzeniach z systemami operacyjnymi MacOS i Windows. W ten sposób część funkcjonalności Figmy dostępna jest offline. Plusem jest także wersja na telefony dostępna na Androida i iOS.

Wpisy z tagiem: figma

Rodzaje badań UX 

Badania UX mogą być podstawą do stworzenia nowej strony internetowej lub do rebrandingu. Pomysłodawcy mają wiele naprawdę interesujących pomysłów jednak warto przetestować czy mają one rację bytu i w jakiej formie powinny być zaprezentowane.
Agnieszka Jęchorek
Agnieszka Jęchorek
2022-11-23

Wykorzystanie wiedzy o zmyśle wzroku w UX/UI designie

UX design wiąże się z projektowaniem doświadczeń użytkownika. Jego odczuć, emocji oraz działań wykonywanych na danej stronie internetowej czy aplikacji.
Agnieszka Jęchorek
Agnieszka Jęchorek
2022-11-19

Wykorzystanie psychologii poznawczej podczas projektowania interfejsów

Psychologia poznawcza, zwana także czasami kognitywną (ang. cognition - poznanie) zajmuje się badaniem zjawisk dotyczących poznawania otaczającego nas świata.
Agnieszka Jęchorek
Agnieszka Jęchorek
2022-11-09

Jak stworzyć User Flow i co można z niego wyciągnąć? 

User Flow (schemat przepływu użytkowników), nazywany również UX Flow, UI Flow, Wire Flow lub IX Flow, to wykorzystywane w UX narzędzie polegające na rozpisaniu, zwykle przy pomocy schematu blokowego, wszystkich możliwych ścieżek którymi może podążyć użytkownik.
Tomasz Kozon
Tomasz Kozon
2022-11-08

Landing pages — pierwszy krok do aktywizacji klienta

Landing page, czyli stron docelowa, storna lądowania czy strona produktowa, to pierwsza strona, na jaką natrafi potencjalny klient danej firmy w toku dobrze opracowanej kampanii reklamowej.
Tomasz Kozon
Tomasz Kozon
2022-03-17

 Jakie heurystyki są stosowane przy projektowaniu stron internetowych? 

Już podczas pierwszej wizyty użytkownik powinien intuicyjnie poruszać się po stronie. Zadbaj o informację o następstwach działań, ich statusie i możliwych kolejnych krokach.
Tomasz Kozon
Tomasz Kozon
2021-12-22

Jak dobrać font na stronę internetową? 

Może się wydawać, że najważniejsza jest treść strony, a wybór fontu ma znaczenie drugorzędne.
Tomasz Kozon
Tomasz Kozon
2021-11-09

Aplikacje PWA – czy mogą zastąpić aplikacje mobilne?

Starania o względy klientów mają miejsce na wielu frontach. Jednym z kluczowych aspektów jest user experience.
Tomasz Kozon
Tomasz Kozon
2021-11-04

Ścieżka od programisty do Tech-leada. Kierowanie pracami w projekcie IT.

Branża IT nieustannie rozwija się, dlatego też daje możliwości rozwoju w różnych kierunkach, dzięki czemu zapobiega wypaleniu zawodowemu.Programista, który zaczynał pracę od najniższego szczebla kariery po kilku latach może objąć stosunkowo nowe stanowisko, jakim jest Tech-lead, który łączy w sobie umiejętności techniczne i nietechniczne. 
Mateusz Kuba
Mateusz Kuba
2021-09-22

Google Moja Firma, czyli skuteczna wizytówka w wyszukiwarce

Jakkolwiek wizytówka Google Moja Firma nie jest już tak mocno z poniższym ujęciem kojarzona, tak przeważnie była sposobem mikro marek na odznaczenie swojej działalności w Internecie.
Tomasz Kozon
Tomasz Kozon
2021-08-18

"Call to action" (CTA) jako skuteczny sposób na aktywizację użytkownika naszej strony  

Współczesny marketing internetowy odznacza się dużą konkurencyjnością, a wśród natłoku informacji coraz trudniej nakłonić klienta do zapoznania się z konkretną ofertą lub do wykonania określonej czynności na stronie WWW czy aplikacji webowej.
Mateusz Kuba
Mateusz Kuba
2021-07-19

Skąd brać i jak wykorzystywać darmowe grafiki?

Obraz jest tym, co najszybciej trafia do człowieka. Z tego więc powodu grafika jest powszechnie stosowana w sieci, ponieważ wystarczy spojrzeć i już wiadomo, o co chodzi.
Tomasz Kozon
Tomasz Kozon
2021-07-14

RWD (responsive web design) i tworzenie aplikacji na ekrany o różnych rozdzielczościach

O ile na początku funkcjonowania Internetu cały ruch był obsługiwany przez urządzenia typu deskop, o tyle rosnąca liczba mobilnych odpowiedników zmusiła projektantów witryn do szukania metod na prawidłowe wyświetlanie się zasobów, co ostatecznie umożliwiła technika RWD.
Tomasz Kozon
Tomasz Kozon
2021-07-06

Moodboard, jako tablica inspiracji. Czy warto tworzyć moodboardy?

O ile strona WWW, dostępna do przeglądania w Internecie, to produkt skończony, o tyle, zanim takowa powstanie z reguły pracuje nad nią grupa ludzi, która w procesie tworzenia jej koncepcji oraz charakteru może używać tzw. tablicy inspiracji, określanej również jako moodboard.
Tomasz Kozon
Tomasz Kozon
2021-06-18

GIMP, jako bezpłatna alternatywa dla Adobe Photoshop

GIMP (ang. GNU Image Manipulation Program) to oprogramowanie, które również służy do obróbki zdjęć i tworzenia grafiki cyfrowej. Pozwala na takie operacje jak: retusz, skalowanie, rysowanie, dodawanie tekstu oraz umożliwia pracę na warstwach i kanałach, dostosowywanie interfejsu do własnych upodobań czy tworzenie skryptów automatyzujących pewne czynności. 
Tomasz Kozon
Tomasz Kozon
2021-06-13

SXO — połączenie UX i SEO

Jeszcze do niedawna podstawowymi działaniami na witrynie, które pozwalały osiągać jej wysokie wyniki w naturalnych wynikach wyszukiwania były działania SEO. Obecnie coraz częściej Google boty biorą pod uwagę pozytywne doświadczenia użytkowników w trakcie korzystania z określonej witryny.
Tomasz Kozon
Tomasz Kozon
2021-05-05

Dlaczego justowanie tekstu na stronach internetowych czy aplikacjach nie jest dobrym pomysłem?

Profesjonalna strona internetowa czy aplikacja webowa to szereg wzajemnie połączonych czynników. Liczy się w nich nie tylko szybkość ładowania, łatwa obsługa czy bezpieczeństwo użytkownika, ale także wysoka estetyka.
Tomasz Kozon
Tomasz Kozon
2021-03-18

Event Storming - warsztaty opisujące zdarzenia domenowe w projektach IT

Event Storming to stosunkowo młoda metoda warsztatowa, której celem jest szybkie i proste zobrazowanie i odkrywanie procesów zachodzących w projektach programistycznych realizowanych w zespole za pomocą zdarzeń.
Tomasz Kozon
Tomasz Kozon
2020-10-06

Web Design i praca z mock-upami. Wireframes Wordpress Development

Dzięki programom do prototypowania takim jak Adobe XD i Figma designer jest w stanie zwizualizować klientowi wygląd poszczególnych widoków aplikacji. Makieta znacznie ułatwia zdalną pracę nad projektem, umożliwiające łatwe komentowanie wybranych elementów i wprowadzanie poprawek.
Tomasz Kozon
Tomasz Kozon
2020-06-18

Produkt Boring Owl: witryna z najwyższymi wskaźnikami performance i SEO (Headless CMS + TypeScript + React.js + Next.js)

W tym case study opisałem proces tworzenia produkt IT sprzedawanego przez naszą spółkę. Jest to między innymi witryna, którą właśnie czytasz, a także kilka innych projektów wdrożonych przez nas zespół w tym samym stacku technologicznym dla naszych Klientów.
Tomasz Kozon
Tomasz Kozon

Produkt Boring Owl (Headless CMS + TypeScript + React.js + Next.js) - komentarz techniczny

Tworząc produkt zoptymalizowanej witryny pod SEO, wykorzystaliśmy nasze doświadczenie w tworzeniu aplikacji frontendowych. Ważne dla nas było by witryna od strony technicznej była składowana w repozytorium Github oraz miała oddzielny moduł do zarządzania treścią.
Mateusz Kuba
Mateusz Kuba

Case study growcreator.eu V1 - rozwój MVP produktu na podstawie danych z narzędzi analitycznych.

Od początku zakładaliśmy, że pierwsza wersja MVP produktu nie będzie jego ostatnią odsłoną. Projekt nie ma odpowiednika na rynku, duża część zaimplementowanych funkcjonalności była innowacyjna i wymagała weryfikacji w środowisku produkcyjnym, generując ruch realnych użytkowników.
Tomasz Kozon
Tomasz Kozon

Case study growcreator.eu – MVP zaawansowanego kreatora produktu dla ecommerce

Projekt został wykonany od zera przez nasz zespół przy ścisłej współpracy z Klientem. Aplikacja rozwiązuje problemy konfiguracji i kompletowania optymalnych zestawów do domowej uprawy roślin tzw. growbox.
Tomasz Kozon
Tomasz Kozon