{"id":816,"date":"2024-11-13T13:41:09","date_gmt":"2024-11-13T10:41:09","guid":{"rendered":"https:\/\/markahost.com.tr\/blog\/?p=816"},"modified":"2024-12-20T13:15:26","modified_gmt":"2024-12-20T10:15:26","slug":"figma-nedir-figma-nasil-kullanilir","status":"publish","type":"post","link":"https:\/\/markahost.com.tr\/blog\/figma-nedir-figma-nasil-kullanilir\/","title":{"rendered":"Figma Nedir? Figma Nas\u0131l Kullan\u0131l\u0131r?"},"content":{"rendered":"<p>Figma, dijital projeler i\u00e7erisinde tasar\u0131m haz\u0131rlamak amac\u0131yla kullan\u0131lmakta olan bir ara\u00e7 olarak bilinmektedir. En \u00f6nemli \u00f6zelli\u011fi bulut tabanl\u0131 olmas\u0131d\u0131r. Ayn\u0131 zamanda kullan\u0131lmas\u0131 sayesinde tasar\u0131m \u00e7al\u0131\u015fmalar\u0131n\u0131z\u0131 \u00e7ok daha kolay ve ba\u015far\u0131l\u0131 \u015fekilde tamamlayabilmeniz m\u00fcmk\u00fcnd\u00fcr. Ayn\u0131 zamanda bu ara\u00e7 sayesinde projelerinizi i\u015f birli\u011fi i\u00e7erisinde s\u00fcrd\u00fcrebilir, \u00e7al\u0131\u015fmalar\u0131n\u0131z\u0131 \u00e7evrimi\u00e7i olacak \u015fekilde devam ettirebilirsiniz. Birden \u00e7ok avantaja sahip olmas\u0131ndan \u00f6t\u00fcr\u00fc de pek \u00e7ok ki\u015fi Figma nedir, nas\u0131l kullan\u0131l\u0131r \u015feklinde sorular sormaktad\u0131r.<\/p>\n<p>Benzer tasar\u0131m ara\u00e7lar\u0131yla k\u0131yasland\u0131\u011f\u0131 zaman ortak baz\u0131 \u00f6zelliklerinin oldu\u011fu anla\u015f\u0131lmaktad\u0131r. Ancak en temel farkl\u0131l\u0131\u011f\u0131 i\u00e7erisinde haz\u0131rlanan projeleri ekip olarak y\u00f6netebiliyor olman\u0131zd\u0131r. Yani tek bir tasar\u0131m projesini birden fazla ki\u015fi olarak haz\u0131rlayabilirsiniz. Haz\u0131rlam\u0131\u015f oldu\u011funuz tasar\u0131m\u0131 bulut sistemi \u00fczerinde yedekleyebilir, \u00e7evrimi\u00e7i olacak \u015fekilde kullanmaya devam edebilirsiniz. Bundan \u00f6t\u00fcr\u00fc ekibinizle birlikte bir tasar\u0131m haz\u0131rlamay\u0131 d\u00fc\u015f\u00fcn\u00fcyorsan\u0131z Figma sizin i\u00e7in en uygun \u00e7al\u0131\u015fma alanlar\u0131ndan biri olacakt\u0131r. Bu arac\u0131 kullanarak nas\u0131l tasar\u0131m haz\u0131rlayabilece\u011finizi merak ediyorsan\u0131z da yaz\u0131m\u0131z\u0131 okumaya devam ederek bilgi alabilirsiniz.<\/p>\n<p>Daha kapsaml\u0131 bir \u015fekilde bilgi vermek gerekirse Figma, uygulamalar ve web siteler i\u00e7in \u00e7e\u015fitli tasar\u0131mlar haz\u0131rlamak amac\u0131yla kullan\u0131lmaktad\u0131r. \u00c7e\u015fitli projelere entegre olacak \u015fekilde kullan\u0131lmas\u0131 m\u00fcmk\u00fcnd\u00fcr. Ek olarak projeler i\u00e7erisinde ekip halinde \u00e7al\u0131\u015fabilir, ba\u015far\u0131l\u0131 tasar\u0131mlar haz\u0131rlayabilirsiniz. Tasar\u0131mlar\u0131 sorunsuz bir \u015fekilde kullanabilir, kullanmadan \u00f6nce gerekli test s\u00fcre\u00e7lerinden ge\u00e7irebilirsiniz. Ekip olarak ger\u00e7ekle\u015ftirece\u011finiz \u00e7al\u0131\u015fmalarda da etkili \u00e7al\u0131\u015fma sonu\u00e7lar\u0131 elde edebilirsiniz. \u00c7evrimi\u00e7i olacak \u015fekilde \u00e7al\u0131\u015fan bir program olan Figma, projelerinizi kay\u0131t alt\u0131na alabilmeniz, d\u0131\u015fa aktarman\u0131z gibi s\u00fcre\u00e7leri kolayla\u015ft\u0131rmaktad\u0131r. Her daim otomatik olacak \u015fekilde kay\u0131t alman\u0131z m\u00fcmk\u00fcnd\u00fcr. Bu sayede zaman a\u00e7\u0131s\u0131ndan da tasarruf sa\u011flam\u0131\u015f olabilirsiniz.<\/p>\n<h2>Figma \u00d6zellikleri Nelerdir?<\/h2>\n<p>Figma tasar\u0131m arac\u0131n\u0131n temel \u00f6zelliklerinden s\u00f6z edecek olursak \u00f6ne \u00e7\u0131kan en belirgin \u00f6zelli\u011fi vekt\u00f6rel tabanl\u0131 olmas\u0131d\u0131r. Bu durum istedi\u011finiz g\u00f6r\u00fcnt\u00fc kalitesine sahip projeler haz\u0131rlayabilmeniz anlam\u0131na gelmektedir. Haz\u0131rlam\u0131\u015f oldu\u011funuz projelerin \u00f6l\u00e7eklerini istedi\u011finiz gibi ayarlayabilirsiniz. Ek olarak \u00e7evrimi\u00e7i kullanabilmeniz sayesinde ekip i\u00e7erisinde \u00e7ok daha rahat bir bi\u00e7imde i\u015f payla\u015f\u0131m\u0131 yapabilirsiniz. \u00c7al\u0131\u015fman\u0131z\u0131 ekip olarak haz\u0131rlayabilir, daha h\u0131zl\u0131 ve kolay bir sonu\u00e7 alabilirsiniz. \u0130nternet ba\u011flant\u0131n\u0131z\u0131n aniden kesilmesi halinde projenizi yeniden ba\u015flatmak gibi bir zorunlulukla kar\u015f\u0131la\u015fmazs\u0131n\u0131z. Projenizi yedekleyebilirsiniz. B\u00f6ylece internet ba\u011flant\u0131s\u0131n\u0131n veyahut elektrik kesintisinin ya\u015fanmas\u0131 halinde \u00e7al\u0131\u015fman\u0131z\u0131n kaybolmas\u0131 gibi istenmeyen durumlarla u\u011fra\u015fmazs\u0131n\u0131z. Projenize giri\u015f yapt\u0131\u011f\u0131n\u0131z zaman \u00e7al\u0131\u015fmalar\u0131n\u0131za kald\u0131\u011f\u0131n\u0131z yerden devam edebilirsiniz.<\/p>\n<p>Di\u011fer tasar\u0131m ara\u00e7lar\u0131yla kar\u015f\u0131la\u015ft\u0131r\u0131ld\u0131\u011f\u0131 zaman temel \u00f6zelliklerinden biri olan pratik kalem arac\u0131 \u00f6ne \u00e7\u0131kmaktad\u0131r. Pratik kalem arac\u0131n\u0131n varl\u0131\u011f\u0131, tasar\u0131mlar i\u00e7in \u00e7ok daha kolay bir \u015fekilde \u00e7izim yapabilmeniz anlam\u0131na gelmektedir. \u00c7izim s\u0131ras\u0131nda birden fazla yaz\u0131 tipini kullanman\u0131z da m\u00fcmk\u00fcnd\u00fcr. Bu tarz k\u00fc\u00e7\u00fck \u00f6zelliklerden yararlanarak projelerinizin daha seri bir \u015fekilde sonu\u00e7lanmas\u0131n\u0131 sa\u011flayabilirsiniz. \u00c7al\u0131\u015fmalar\u0131n\u0131z\u0131 d\u00fczenli bir \u015fekilde devam ettirmeniz halinde \u00f6nemli bir yol kat etmi\u015f olabilirsiniz. Ek olarak \u00e7evrimi\u00e7i olacak \u015fekilde olduk\u00e7a b\u00fcy\u00fck bir tasar\u0131m ar\u015fivine giri\u015f yapabilirsiniz. Bu da kar\u015f\u0131n\u0131za pek \u00e7ok \u00f6rne\u011fin, tasla\u011f\u0131n \u00e7\u0131kmas\u0131 anlam\u0131na gelmektedir. Ak\u0131ll\u0131 animasyon i\u00e7erikleri de bulunan Figma, nesnelerin, ge\u00e7i\u015flerin birbirine ba\u011flanmas\u0131n\u0131 sa\u011flamaktad\u0131r. Bu s\u00fcre\u00e7te \u00e7al\u0131\u015fmalar\u0131n\u0131z\u0131n t\u00fcm\u00fcn\u00fc \u00e7ok daha kolay bir \u015fekilde devam ettirebilmenizi m\u00fcmk\u00fcn hale getirmektedir.<\/p>\n<h2>Figma Neden Kullan\u0131lmal\u0131d\u0131r?<\/h2>\n<p>Figma kullan\u0131m\u0131 i\u00e7in birden fazla neden s\u0131ralamak m\u00fcmk\u00fcnd\u00fcr. Sizler bu tasar\u0131m arac\u0131n\u0131 kullanmak istedi\u011finiz zaman genellikle farkl\u0131 motivasyonlardan yararlanabilirsiniz. Ek olarak kolay, pratik olmas\u0131 sayesinde bulut sistemi i\u00e7erisinde \u00e7al\u0131\u015fmas\u0131, ekip \u00e7al\u0131\u015fmalar\u0131na uyumlu olmas\u0131 ve \u00fccretsiz bir hizmet sunmas\u0131 gibi f\u0131rsatlarla bulu\u015fabilirsiniz. Daha detayl\u0131 olarak bilgi vermek gerekirse;<\/p>\n<ul>\n<li>Figma i\u00e7in kar\u015f\u0131n\u0131za \u00e7\u0131kabilecek en \u00f6nemli art\u0131lardan birisi ara y\u00fcz\u00fcn bir hayli ba\u015far\u0131l\u0131 olmas\u0131 denilmektedir. Aray\u00fcz g\u00f6rsel a\u00e7\u0131dan olduk\u00e7a ba\u015far\u0131l\u0131 bir kullan\u0131m bar\u0131nd\u0131rmaktad\u0131r. Ek olarak aray\u00fcz ile kusursuz tasar\u0131mlar haz\u0131rlayabilmeniz m\u00fcmk\u00fcn olmaktad\u0131r.<\/li>\n<li>S\u00fcr\u00fckle b\u0131rak y\u00f6ntemini kullan\u0131p dosyalar\u0131n\u0131z\u0131 d\u0131\u015fa aktarabilirsiniz. Ayn\u0131 zamanda tasar\u0131mlar\u0131n\u0131z\u0131 bu program i\u00e7erisine b\u0131rakarak kullanmaya devam edebilirsiniz. Bu i\u015flemi ise JSON altyap\u0131s\u0131 sayesinde zorlanmadan tamamlayabilirsiniz.<\/li>\n<li>Bu ara\u00e7 i\u00e7erisinde dosyalar\u0131n\u0131 kolayca kaydedebilir, bulut sistemi i\u00e7erisinde saklanmas\u0131n\u0131 sa\u011flayabilirsiniz. Bu pek \u00e7ok noktada kazan\u00e7l\u0131 olman\u0131z\u0131 sa\u011flayabilmektedir. Ayn\u0131 zamanda tasar\u0131mlar\u0131n\u0131z\u0131n kaybolmas\u0131, zarar g\u00f6rmesi gibi riskleri de ortadan kald\u0131rmaktad\u0131r. Developer kodlama \u00e7al\u0131\u015fmalar\u0131 s\u0131ras\u0131nda tasar\u0131mlar\u0131n\u0131z\u0131n bitmesi gerekmeden kodlama yapabilmeniz m\u00fcmk\u00fcnd\u00fcr. B\u00f6ylece \u00e7al\u0131\u015fmalar\u0131n\u0131z\u0131 daha seri bir \u015fekilde bitirebilmeniz anlam\u0131na gelmektedir.<\/li>\n<li>Tasar\u0131mlar\u0131n\u0131z i\u00e7erisinde link kullanabilirsiniz. B\u00f6ylece \u00e7al\u0131\u015fmalar\u0131n\u0131z\u0131 kullan\u0131c\u0131lara \u00e7ok daha kolay bir bi\u00e7imde sunman\u0131z m\u00fcmk\u00fcn olmaktad\u0131r. Bu tasar\u0131m\u0131 kullan\u0131yormu\u015fsunuz gibi canl\u0131 bir g\u00f6r\u00fcn\u00fcm olu\u015fturabilirsiniz. B\u00f6ylece etkili bir sim\u00fclasyon ortam\u0131na sahip olabilirsiniz.<\/li>\n<li>Anla\u015f\u0131labilir ve kolay bir tasar\u0131m arac\u0131 olmas\u0131 sayesinde kullan\u0131c\u0131 deneyimleri ba\u015far\u0131yla sonu\u00e7lanmaktad\u0131r. \u00d6zellikle ilk kez kullananlar i\u00e7in basit bir aray\u00fcz olarak de\u011ferlendirildi\u011fi bilinmektedir.<\/li>\n<li>Bu tasar\u0131m arac\u0131yla tasarland\u0131\u011f\u0131n\u0131z herhangi bir \u00e7al\u0131\u015fmay\u0131 yeniden \u00e7izmeniz gerekmez. Bir kere \u00e7izdikten sonra her yerde ayn\u0131 tasar\u0131m\u0131 kullanabilirsiniz. B\u00f6ylece sitenizde kullanaca\u011f\u0131n\u0131z herhangi bir tasar\u0131m\u0131 \u00f6ncelikli olarak component olarak haz\u0131rlayabilirsiniz. Gerekli oldu\u011fu k\u0131s\u0131mlarda ise s\u00fcr\u00fckle b\u0131rak y\u00f6ntemini kullanarak ekleme yapabilirsiniz.<\/li>\n<li>Component \u00f6zelli\u011fi sayesinde CSS kodu alabilirsiniz. Bu sayesinde b\u00fcy\u00fck bir oranla daha kolay sonu\u00e7 alabilirsiniz.<\/li>\n<\/ul>\n<h2><img decoding=\"async\" class=\"size-medium wp-image-817 aligncenter\" src=\"https:\/\/markahost.com.tr\/blog\/wp-content\/uploads\/2024\/11\/a-300x150.png\" alt=\"\" width=\"300\" height=\"150\" title=\"\" srcset=\"https:\/\/markahost.com.tr\/blog\/wp-content\/uploads\/2024\/11\/a-300x150.png 300w, https:\/\/markahost.com.tr\/blog\/wp-content\/uploads\/2024\/11\/a.png 318w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/h2>\n<h2>Figma Nas\u0131l Kullan\u0131l\u0131r?<\/h2>\n<p>Figma hesab\u0131 a\u00e7man\u0131z\u0131n ard\u0131ndan kullan\u0131m\u0131n\u0131 \u00e7ok basit bir \u015fekilde \u00f6\u011frenebilirsiniz. Kolay ve anla\u015f\u0131labilir bir aray\u00fcze sahip olan bu yaz\u0131l\u0131m arac\u0131, t\u00fcm ara\u00e7lar a\u00e7\u0131s\u0131ndan anla\u015f\u0131labilir durumdad\u0131r. Ayn\u0131 zamanda daha \u00f6ncesinde herhangi bir tasar\u0131m program\u0131 kulland\u0131ysan\u0131z \u00e7ok daha h\u0131zl\u0131 bir \u015fekilde kullanmaya ba\u015flayabilirsiniz. Tasar\u0131m ara\u00e7lar\u0131n\u0131 kullanma konusunda herhangi bir bilgi sahibi de\u011filseniz de birka\u00e7 \u00f6nemli ad\u0131m\u0131 tamamlayarak ilerleme kaydedebilirsiniz. Bunlardan s\u00f6z edecek olursak;<\/p>\n<h3>Hesap Olu\u015fturmal\u0131s\u0131n\u0131z<\/h3>\n<p>Figma kullan\u0131m\u0131n\u0131 \u00f6\u011frenmeye ba\u015flamadan \u00f6nce, bir hesap olu\u015fturmaya ba\u015flamal\u0131s\u0131n\u0131z. Hesap olu\u015fturmak i\u00e7in \u00f6ncelikli olarak resmi web sitesine giri\u015f yapmal\u0131s\u0131n\u0131z. Ekran y\u00f6nlendirildi\u011finde \u201cHesap olu\u015ftur\u201d se\u00e7ene\u011fine t\u0131klayabilirsiniz. Bu k\u0131s\u0131mda sizden istenilen bilgileri do\u011fru ve eksiksiz bir \u015fekilde eklemelisiniz. Sonras\u0131nda kar\u015f\u0131n\u0131za ba\u015flang\u0131\u00e7 ara y\u00fcz\u00fc \u00e7\u0131kacakt\u0131r. Bu ara y\u00fcz i\u00e7erisinde zaman i\u00e7erisinde haz\u0131rlam\u0131\u015f oldu\u011funuz projeleri inceleyebilirsiniz. Hesab\u0131n\u0131za \u00e7evrimi\u00e7i olacak \u015fekilde kay\u0131t olu\u015fturdu\u011funuzdan, bilgilerinizi bir yere not etmeyi unutmamal\u0131s\u0131n\u0131z. Hesab\u0131n\u0131z olu\u015fturulduktan sonra ise di\u011fer ad\u0131ma ge\u00e7mek i\u00e7in yeni bir dosya sekmesine t\u0131klayabilir, ilk projenizi haz\u0131rlayabilirsiniz.<\/p>\n<h3>Figma Ara Y\u00fcz\u00fcn\u00fc \u0130ncelemelisiniz<\/h3>\n<p>\u0130lk projenizi haz\u0131rlaman\u0131z\u0131n ard\u0131ndan Figma aray\u00fcz incelemesi yapabilirsiniz. Aray\u00fcz i\u00e7erisinde yer alan bir\u00e7ok ara\u00e7 bulunmaktad\u0131r. Bu ara\u00e7lar teknik bilgileri, dosya boyutunu, arka plan rengini ve daha bir\u00e7ok detay\u0131 sizlere aktarmaktad\u0131r. \u00dcst k\u0131s\u0131mda bulunan \u00e7ubukta ara\u00e7lar\u0131 g\u00f6rebilirsiniz. Ek olarak sol taraftan katmanlar b\u00f6l\u00fcm\u00fcn\u00fc g\u00f6rebilirsiniz. Bu katmanlar sayesinde pek \u00e7ok i\u015flevsel \u00f6zellikle bir araya gelebilirsiniz. Ara y\u00fcz i\u00e7erisinde bulunan k\u0131s\u0131mda, \u201cCanvas\u201d i\u00e7erisinde \u00e7al\u0131\u015fmalar\u0131n\u0131z\u0131 g\u00f6rebilirsiniz. B\u00f6ylece asl\u0131nda Figma i\u00e7erisinde hangi ara\u00e7lar\u0131n nerede oldu\u011funu \u00f6\u011frenebilirsiniz.<\/p>\n<h3>\u00c7al\u0131\u015fma Y\u00fczeyi Haz\u0131rlamal\u0131s\u0131n\u0131z<\/h3>\n<p>Aray\u00fcz i\u00e7erisinde hangi ara\u00e7lar\u0131n nerede oldu\u011funu, nas\u0131l kullan\u0131ld\u0131\u011f\u0131n\u0131 \u00f6\u011frenmenizin ard\u0131ndan sizin i\u00e7in uygun tuval se\u00e7imini yapabilirsiniz. Tuval sizin tasar\u0131m\u0131n\u0131z\u0131 yapaca\u011f\u0131n\u0131z \u00e7al\u0131\u015fma y\u00fczeyinizdir. Bundan \u00f6t\u00fcr\u00fc diledi\u011finiz piksel say\u0131s\u0131, boyut, arka plan rengi se\u00e7imini yapabilirsiniz. Y\u00fczeyi ba\u015far\u0131l\u0131 bir \u015fekilde olu\u015fturman\u0131z\u0131n ard\u0131ndan projenizi haz\u0131rlamaya ba\u015flayabilirsiniz. Ek olarak projenizin \u00e7al\u0131\u015fma y\u00fczeyinin uygun boyutlarda oldu\u011fundan emin olmal\u0131s\u0131n\u0131z. Aksi takdirde \u00e7al\u0131\u015fman\u0131z\u0131n sonunda istedi\u011finiz g\u00f6r\u00fcnt\u00fc kalitesini alamayabilirsiniz. Bu durum da da b\u00fcy\u00fck emeklerle haz\u0131rlam\u0131\u015f oldu\u011funuz \u00e7al\u0131\u015fman\u0131n istenmeyen sonu\u00e7larla tamamlanmas\u0131na neden olmaktad\u0131r.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Figma, dijital projeler i\u00e7erisinde tasar\u0131m haz\u0131rlamak amac\u0131yla kullan\u0131lmakta olan bir ara\u00e7 olarak bilinmektedir. En \u00f6nemli \u00f6zelli\u011fi bulut tabanl\u0131 olmas\u0131d\u0131r. Ayn\u0131<\/p>\n","protected":false},"author":2,"featured_media":818,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-816","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel"],"_links":{"self":[{"href":"https:\/\/markahost.com.tr\/blog\/wp-json\/wp\/v2\/posts\/816","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/markahost.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/markahost.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/markahost.com.tr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/markahost.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=816"}],"version-history":[{"count":3,"href":"https:\/\/markahost.com.tr\/blog\/wp-json\/wp\/v2\/posts\/816\/revisions"}],"predecessor-version":[{"id":963,"href":"https:\/\/markahost.com.tr\/blog\/wp-json\/wp\/v2\/posts\/816\/revisions\/963"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/markahost.com.tr\/blog\/wp-json\/wp\/v2\/media\/818"}],"wp:attachment":[{"href":"https:\/\/markahost.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=816"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/markahost.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=816"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/markahost.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}