Əsas məzmuna keçid
SaytPro
Bizə yazın

Texnologiyalar

Figma

Figma: saytların və mobil tətbiqlərin interfeysini dizayn etmək üçün brauzerdə işləyən alətdir. 2016-cı ildə Figma, Inc. tərəfindən buraxılıb və bir neçə nəfərin eyni faylda eyni anda işləməsinə imkan verir.

YaradıcıFigma, Inc.
İlk buraxılış2016
Rəsmi saytfigma.com

Figma nədir?

Figma sayt və tətbiq interfeyslərinin dizaynı üçün nəzərdə tutulmuş proqramdır. Ənənəvi dizayn proqramlarından fərqli olaraq kompüterə quraşdırılmağa ehtiyac yoxdur: adi brauzerdə açılır və işləyir. Fayllar buludda (internetdəki serverlərdə) saxlanılır, ona görə də dizayn istənilən kompüterdən açıla bilir və heç vaxt "faylı göndər" problemi yaranmır.

Figma-nın ən böyük üstünlüyü real vaxtda əməkdaşlıqdır: dizayner, layihə meneceri və müştəri eyni fayla eyni anda baxa, kursorları görə və şərh yaza bilirlər, Google Docs-un dizayn üçün versiyası kimi. Bu xüsusiyyət 2016-cı ildə çıxanda sahədə yenilik idi və Figma-nın Adobe XD və Sketch kimi rəqiblərini qısa müddətdə üstələməsinə səbəb oldu.

Dizayndan başqa Figma-da prototip (kliklənə bilən, real sayt kimi davranan interaktiv model) hazırlamaq mümkündür: düymələrə basıb səhifələr arasında keçid etmək olur. Beləliklə, hələ bir sətir kod yazılmadan müştəri saytın necə işləyəcəyini öz gözü ilə görür. Dev Mode adlı rejim isə proqramçılara dizayndakı ölçüləri, rəngləri və şriftləri dəqiq kod dəyərləri kimi göstərir: dizayndan koda keçid xeyli asanlaşır.

Figma kommersiya məhsuludur, lakin geniş pulsuz planı var: kiçik layihələr və fərdi istifadə üçün kifayət edir. 2022-ci ildə Adobe şirkəti Figma-nı 20 milyard dollara almaq istəsə də, Avropa və Britaniya tənzimləyicilərinin rəqabət narahatlıqları səbəbindən sövdələşmə 2023-cü ilin dekabrında ləğv edildi və Figma müstəqil şirkət olaraq qaldı.

Biznesiniz üçün nə deməkdir?

Sayt sifariş edən biznes sahibi üçün Figma o deməkdir ki, kod yazılmağa başlamazdan əvvəl saytın dəqiq görünüşünü görüb rəy bildirə bilirsiniz. Dəyişikliklər kod mərhələsində yox, dizayn mərhələsində edilir: bu isə vaxt və büdcəyə qənaətdir. Sadəcə link açıb istənilən elementin üstünə şərh yazmaq kifayətdir, heç bir proqram quraşdırmaq lazım deyil.

SaytPro bundan necə istifadə edir?

SaytPro hər layihəyə Figma-da dizaynla başlayır: əvvəlcə səhifələrin maketi hazırlanır, müştəri linklə baxıb şərhlərlə rəy bildirir. Dizayn təsdiqlənəndən sonra komanda Dev Mode-dan dəqiq ölçüləri və rəngləri götürərək Next.js və Tailwind CSS ilə kodlaşdırır. Bu axın dizaynla hazır sayt arasındakı fərqi minimuma endirir.

Bu texnologiya ilə qurduğumuz xidmətlər

Tez-tez verilən suallar

Figma sayt və mobil tətbiq interfeyslərini dizayn etmək üçün alətdir. Brauzerdə işləyir, quraşdırma tələb etmir və bir neçə nəfərin eyni faylda paralel işləməsinə imkan verir. Sayt hazırlanan zaman ilk mərhələ, görünüşün müəyyənləşdirilməsi, adətən məhz Figma-da baş verir.

Photoshop foto emalı və qrafika üçün, Figma isə interfeys dizaynı üçün yaradılıb. Figma brauzerdə işləyir, faylları buludda saxlayır və bir neçə nəfərin eyni faylda real vaxtda işləməsinə imkan verir: Photoshop belə birgə iş axını üçün nəzərdə tutulmayıb. Sayt dizaynı üçün Figma-da səhifə strukturu, komponentlər və prototipləşdirmə kimi xüsusi alətlər var.

Hər ikisi interfeys dizaynı üçündür, amma Adobe XD-nin inkişafı praktiki olaraq dayandırılıb və Adobe onu yeni istifadəçilərə fəal təklif etmir. Figma isə fəal inkişaf etdirilir, daha böyük icması və plagin ekosistemi var. Bu gün yeni layihələr üçün sahə standartı Figma sayılır.

Figma-nın pulsuz planı var və fərdi istifadə üçün kifayət qədər genişdir: məhdud sayda layihə faylı ilə işləmək olur. Komandalar üçün genişlənmiş imkanlar (limitsiz fayllar, versiya tarixçəsi, Dev Mode-un tam funksiyaları) aylıq ödənişli planlarda təklif olunur.

Dizayner sizə adi link göndərir: onu brauzerdə açırsınız, heç nə quraşdırmaq və hətta hesab yaratmaq da çox vaxt lazım olmur. İstənilən elementin üstünə klikləyib şərh yaza bilirsiniz, dizayner şərhi görüb düzəliş edir. Bu, e-poçtla ekran şəkilləri göndərməkdən qat-qat rahatdır.

Prototip: kod yazılmadan hazırlanan, kliklənə bilən interaktiv dizayn modelidir. Düymələrə basıb səhifədən səhifəyə keçə, menyunu aça, formanı görə bilirsiniz: sayt sanki artıq işləyir. Bu, hazır məhsulu görməzdən əvvəl naviqasiya və istifadə rahatlığını yoxlamağa imkan verir.

Dev Mode Figma-nın proqramçılar üçün rejimidir: dizayndakı hər elementin dəqiq ölçüsünü, rəng kodunu, şriftini və aralarındakı məsafələri kod dəyərləri kimi göstərir. Proqramçı təxmin etmir, dəqiq rəqəmlərlə işləyir. Nəticədə hazır sayt təsdiqlənmiş dizayna maksimum uyğun olur.

Üç səbəbdən: brauzerdə işlədiyi üçün Windows, Mac və Linux-da eyni cür açılır; real vaxtda əməkdaşlıq fayl göndərmə xaosunu aradan qaldırır; komponent sistemi böyük layihələrdə dizaynı vahid saxlayır. 2016-dan bəri bu üstünlüklər onu Sketch və Adobe XD-ni üstələyən əsas alətə çevirib.

Xeyr. Adobe 2022-ci ildə Figma-nı 20 milyard dollara almaq üçün razılaşma imzalamışdı, lakin Avropa İttifaqı və Britaniya tənzimləyiciləri rəqabətin zəifləyəcəyindən narahat oldular. 2023-cü ilin dekabrında tərəflər sövdələşməni ləğv etdilər və Figma müstəqil şirkət olaraq qalır.

Bu o deməkdir ki, pul kodlaşdırmaya xərclənməzdən əvvəl saytın dəqiq görünüşünü təsdiqləyirsiniz. Dizaynda dəyişiklik etmək kodda dəyişiklikdən dəfələrlə ucuz və sürətlidir. SaytPro kimi studiyalar məhz buna görə hər layihəni Figma dizaynı ilə başlayır: müştəri təsdiqindən sonra kodlaşdırmaya keçilir.

Bu texnologiya adətən bunlarla birlikdə işləyir.

Utility-first yanaşma ilə unikal dizaynları sürətli və ardıcıl qurmağa imkan verən CSS freymvorku.

  • Freymvork

Meta tərəfindən yaradılmış, istifadəçi interfeysləri qurmaq üçün açıq mənbəli JavaScript kitabxanası.

  • Freymvork

Saytınızın məzmununu texniki bilik olmadan idarə etmək üçün sıfırdan qurulan idarəetmə sistemi.

  • Admin panel