{"id":41592,"date":"2022-06-12T22:48:03","date_gmt":"2022-06-12T19:48:03","guid":{"rendered":"https:\/\/kutaybilen.com.tr\/?p=41592"},"modified":"2022-06-12T22:48:03","modified_gmt":"2022-06-12T19:48:03","slug":"figma-kullanicilarinin-isini-kolaylastiracak-10-tuyo","status":"publish","type":"post","link":"https:\/\/kutaybilen.com.tr\/?p=41592","title":{"rendered":"Figma Kullan\u0131c\u0131lar\u0131n\u0131n \u0130\u015fini Kolayla\u015ft\u0131racak 10 T\u00fcyo"},"content":{"rendered":"<p>Standart bir kullan\u0131c\u0131 i\u00e7in bir uygulaman\u0131n derin yaz\u0131l\u0131m \u00f6zellikleri pek mana s\u00f6z etmez, k\u0131ymetli olan g\u00f6r\u00fcnen taraf yani aray\u00fcz\u00fcd\u00fcr. Bu nedenle macOS ve Windows i\u015fletim sistemi i\u00e7in uygulama geli\u015ftirenler <strong>Figma program\u0131 ile aray\u00fcz dizaynlar\u0131 yaparlar. <\/strong><em>Figma, <\/em>benzerleri olsa bile sundu\u011fu \u00f6zellikler ile \u00f6ne \u00e7\u0131kmakta ve uygulama aray\u00fcz\u00fc tasarlamak konusunda uzun vakittir en tan\u0131nan olma unvan\u0131n\u0131 korumaktad\u0131r.<\/p>\n<p>Yetenekli bir dizaync\u0131, <strong>Figma ile sahiden m\u00fckemmel i\u015fler ba\u015farabilir. <\/strong>Ancak bu ola\u011fan\u00fcst\u00fc i\u015fler i\u00e7in a\u011f\u0131r emek g\u00fcc\u00fc ve vakit harcamak gerekiyor. Her programda oldu\u011fu \u00fczere <em>Figma <\/em>i\u00e7in de kullan\u0131c\u0131lar\u0131n i\u015fini kolayla\u015ft\u0131racak birtak\u0131m ipu\u00e7lar\u0131 ve t\u00fcyolar var. Kelam konusu t\u00fcyolar\u0131 bilmeden de \u015fahane dizaynlara imza at\u0131labilirsiniz lakin birka\u00e7 t\u00fcyo bilmek, epeyce s\u0131k\u0131nt\u0131 olan tasar\u0131m s\u00fcrecini biraz daha kolayla\u015ft\u0131racakt\u0131r.<\/p>\n<p><b>Figma&#8217;da i\u015finizi kolayla\u015ft\u0131racak t\u00fcyolar:<\/b><\/p>\n<ul>\n<li>Bile\u015fen ve katmanlara \u00f6zel isimler verin.<\/li>\n<li>Birden \u00e7ok sayfa \u00fczerinde gruplama yap\u0131n.<\/li>\n<li>Zamandan tasarruf etmek i\u00e7in bile\u015fenleri kullan\u0131n.<\/li>\n<li>Haz\u0131r Figma tarzlar\u0131n\u0131 kullanmaktan \u00e7ekinmeyin.<\/li>\n<li>Bile\u015fenleri farkl\u0131 boyutlarda inceleyin.<\/li>\n<li>Mutlaka b\u00fct\u00fcn Figma k\u0131sayollar\u0131n\u0131 \u00f6\u011frenin.<\/li>\n<li>Izgaralar\u0131n\u0131z\u0131 her yerde kullan\u0131n.<\/li>\n<li>Renkleri tek tek de\u011fi\u015ftirmekle u\u011fra\u015fmay\u0131n.<\/li>\n<li>Arama \u00e7ubuklar\u0131n\u0131 tesirli kullan\u0131n.<\/li>\n<li>Renk tarzlar\u0131na s\u00fcratli ula\u015f\u0131n.<\/li>\n<\/ul>\n<p><b>Bile\u015fen ve katmanlara \u00f6zel isimler verin:<\/b><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.webtekno.com\/images\/editor\/default\/0003\/12\/022b46c89619d020e9ea5e7514447175a13239bd.jpeg\"\/><\/p>\n<p>Tasar\u0131m\u0131n ne kadar karma\u015f\u0131k oldu\u011funa ba\u011fl\u0131 olarak kullan\u0131c\u0131, bazen y\u00fczlere bile\u015fen ve katman ortas\u0131nda bile kalabilir. Bu <strong>dosyalar\u0131 varsay\u0131lan isim ile kullanmak <\/strong>ya da \u00e7ok da a\u00e7\u0131klay\u0131c\u0131 olmayan isimler vermek, ilerleyen s\u00fcre\u00e7te i\u00e7inden \u00e7\u0131k\u0131lmaz bir karma\u015faya sebep olacakt\u0131r. Tertipli bir gruplama yapmak, uzun da olsa a\u00e7\u0131klay\u0131c\u0131 evrak isimleri vermek ve her birini yanl\u0131\u015fs\u0131z bir halde yerle\u015ftirmek \u00e7ok daha verimli \u00e7al\u0131\u015fman\u0131z\u0131 sa\u011flayacakt\u0131r.<\/p>\n<p><b>Birden \u00e7ok sayfa \u00fczerinde gruplama yap\u0131n:<\/b><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.webtekno.com\/images\/editor\/default\/0003\/12\/1640235d5644a1786a954f33c2d4c0cb3ff10183.jpeg\"\/><\/p>\n<p>Tasar\u0131m d\u00fcnyas\u0131na \u015fimdi yeni ad\u0131m atm\u0131\u015f olan bireyler t\u00fcm kullan\u0131c\u0131 ak\u0131\u015flar\u0131n\u0131, yinelemeleri ve bile\u015fenleri birebir sayfada tutarak g\u00fcya her \u015fey ellerinin alt\u0131nda olursa daha kolay olur diye d\u00fc\u015f\u00fcn\u00fcrler. Elbette bu durumun <strong>yaratt\u0131\u011f\u0131 tek \u015fey ba\u015f kar\u0131\u015f\u0131kl\u0131\u011f\u0131 <\/strong>olur. Katman panelinde bulunan men\u00fcden diledi\u011finiz kadar yeni sayfa a\u00e7abilir ve bu sayfalarda birebir \u00f6\u011feleri grupland\u0131rarak kendinize ne arad\u0131\u011f\u0131n\u0131z\u0131 basit\u00e7e bulabildi\u011finiz bir \u00e7al\u0131\u015fma ortam\u0131 yaratabilirsiniz.<\/p>\n<p><b>Zamandan tasarruf etmek i\u00e7in bile\u015fenleri kullan\u0131n:<\/b><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.webtekno.com\/images\/editor\/default\/0003\/12\/46527cb3fb484684357635d5f74aaff139cbfb04.jpeg\"\/><\/p>\n<p>Diyelim tasar\u0131m\u0131n\u0131zda tekrarlanabilir simgeler ve d\u00fc\u011fmeler var. \u00c7al\u0131\u015fma sisteminize uygun olarak tahminen onlarca da kopya tasar\u0131m \u00f6\u011fesi olu\u015fturdunuz. Pekala, yapt\u0131\u011f\u0131n\u0131z <strong>her bir d\u00fczenlemeyi tekrar tekrar kopyalar \u00fczerinde tekrar ger\u00e7ekle\u015ftirmek <\/strong>mant\u0131kl\u0131 m\u0131? Tabi ki de\u011fil. Tekrarlanabilir simgeleri ve d\u00fc\u011fmeleri birer bile\u015fene d\u00f6n\u00fc\u015ft\u00fcr\u00fcn. B\u00f6ylelikle yepyeni tasar\u0131m \u00fczerinde yapm\u0131\u015f oldu\u011funuz her de\u011fi\u015fiklik kopyalara da yans\u0131yacakt\u0131r. Vakitten nas\u0131l tasarruf edebilece\u011finizi bir d\u00fc\u015f\u00fcn\u00fcn.<\/p>\n<p><b>Haz\u0131r Figma tarzlar\u0131n\u0131 kullanmaktan \u00e7ekinmeyin:<\/b><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.webtekno.com\/images\/editor\/default\/0003\/12\/6afebc27342419721bfc77410be0407dbd1aa60c.jpeg\"\/><\/p>\n<p>Tasar\u0131m\u0131n yap\u0131s\u0131na nazaran de\u011fi\u015fiklik g\u00f6sterse de bir dizaync\u0131 bazen y\u00fczlerce tasar\u0131m \u00f6\u011fesinin i\u00e7inde kaybolabilir. <strong>Haz\u0131r tarzlar ise t\u00fcm bu \u00f6\u011felerin standart dizilimini sunar. <\/strong>Bir \u00f6\u011fe i\u00e7in haz\u0131r bir tarz se\u00e7ti\u011finiz vakit her seferinde yine elle k\u0131ymet girmekten ve d\u00fczenleme yapmaktan kurtulursunuz. Ufak bir renk de\u011fi\u015fikli\u011fi yapmak istedi\u011finiz vakit elle bu pahas\u0131 tek tek girmek yerine haz\u0131r bir tarz sayesinde tek t\u0131kla bu de\u011fi\u015fimi ger\u00e7ekle\u015ftirebilirsiniz. Kolay \u00fczere g\u00f6r\u00fcnen lakin tam manas\u0131yla hayat kurtaran bir t\u00fcyo.<\/p>\n<p><b>Bile\u015fenleri farkl\u0131 boyutlarda inceleyin:<\/b><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.webtekno.com\/images\/editor\/default\/0003\/12\/cc9b7dc849271563626363445743f544b0afdec8.jpeg\"\/><\/p>\n<p>Figma \u00fczerinden bir bile\u015fen olu\u015fturdu\u011funuz vakit elle belli bir bedel olarak girerek tam da olmas\u0131 gereken boyutu ayarlayabilirsiniz. Lakin \u00e7al\u0131\u015fman\u0131n ilerleyen safhalar\u0131nda <strong>boyut de\u011fi\u015fikli\u011fine gitmek zorunda kalabilir <\/strong>ve bile\u015fenin hangi boyuta sahip olmas\u0131 gerekti\u011finden emin olamayabilirsiniz. Bile\u015fen \u00e7er\u00e7evesinin bir ucundan tutarak farkl\u0131 boyutlarda nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc \u00f6\u011frenebilirsiniz. D\u00fczg\u00fcn haz\u0131rlanm\u0131\u015f bir bile\u015fen, her boyuta ahenk sa\u011flayacakt\u0131r.<\/p>\n<p><b>Mutlaka b\u00fct\u00fcn Figma k\u0131sayollar\u0131n\u0131 \u00f6\u011frenin:<\/b><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.webtekno.com\/images\/editor\/default\/0003\/12\/a2cf2e65290ec69bee66404f041128a421f10df8.jpeg\"\/><\/p>\n<p>Her program \u00fczere Figma da kullan\u0131c\u0131lar\u0131 i\u00e7in kimi s\u00fcre\u00e7leri kolay kolay ger\u00e7ekle\u015ftirebilecekleri k\u0131sayollar sunuyor. Ctrl + C \u00fczere k\u0131sayollar art\u0131k herkes taraf\u0131ndan biliniyor ve her programda uygulan\u0131yor. Fakat <strong>Figma\u2019da \u00e7ok daha fazlas\u0131 var,<\/strong> hem de buraya s\u0131\u011fmayacak kadar. Katman panelindeki men\u00fcden <em>Yard\u0131m ve Hesap <\/em>se\u00e7ene\u011fine, oradan <em>K\u0131sayollar <\/em>se\u00e7ene\u011fine t\u0131klayarak Figma \u00fczerinden kullanabilece\u011finiz t\u00fcm k\u0131sayollar\u0131 \u00f6\u011frenebilirsiniz.<\/p>\n<p><b>Izgaralar\u0131n\u0131z\u0131 her yerde kullan\u0131n:<\/b><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.webtekno.com\/images\/editor\/default\/0003\/12\/b9252ce3dbac22ba4a5931090961f7ec1611c1c1.jpeg\"\/><\/p>\n<p>Bir dizayna ba\u015flamadan evvel olduk\u00e7a u\u011fra\u015ft\u0131n\u0131z ve neyin nereye gelece\u011fini g\u00f6steren kusursuz bir \u0131zgara yapt\u0131n\u0131z. Daha sonra farkl\u0131 bir \u00e7al\u0131\u015fma y\u00fczeyi a\u00e7t\u0131n\u0131z ve o da ne, <strong>o kadar emek verdi\u011finiz \u0131zgara yok. <\/strong>Merak etmeyin, \u0131zgaran\u0131z\u0131 farkl\u0131 \u00e7al\u0131\u015fma y\u00fczeylerinde de kullanabilirsiniz. Sa\u011f paneldeki \u0131zgara butonuna t\u0131klay\u0131n, buton mavi olduktan sonra Ctrl + C tu\u015f kombinasyonunu tu\u015flay\u0131n. Izgaray\u0131 kullanmak istedi\u011finiz \u00e7al\u0131\u015fma y\u00fczeyini a\u00e7\u0131n ve yap\u0131\u015ft\u0131r\u0131n. \u0130\u015fte bu kadar kolay.<\/p>\n<p><b>Renkleri tek tek de\u011fi\u015ftirmekle u\u011fra\u015fmay\u0131n:<\/b><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.webtekno.com\/images\/editor\/default\/0003\/12\/e661c14fca2ec5091ac9d7ef11067b65efa7fb74.jpeg\"\/><\/p>\n<p>Her dizayn\u0131n genel bir renk temas\u0131 olur ve dizayndaki \u00f6b\u00fcr bile\u015fenler de bu temaya uygun renklerde d\u00fczenlenir. Fakat her \u015fey tasar\u0131mc\u0131n\u0131n elinde. Vazge\u00e7tiniz ve art\u0131k farkl\u0131 bir renk temas\u0131 \u00fczerinde \u00e7al\u0131\u015fmak istiyorsunuz diyelim. Renkleri tek tek de\u011fi\u015ftirerek b\u00fct\u00fcn g\u00fcn\u00fcn\u00fcz\u00fc harcamay\u0131n. Sa\u011f panelden <em>Selection Colors <\/em>arac\u0131n\u0131 a\u00e7\u0131n ve buradan <strong>t\u00fcm dizayn\u0131n renk temas\u0131n\u0131 tek t\u0131kla de\u011fi\u015ftirin. <\/strong>Yeni rengi be\u011fenmediyseniz t\u0131pk\u0131 ara\u00e7 \u00fczerinden eski haline \u00e7eviriverin.<\/p>\n<p><b>Arama \u00e7ubuklar\u0131n\u0131 tesirli kullan\u0131n:<\/b><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.webtekno.com\/images\/editor\/default\/0003\/12\/837e918bd08754f5bef535e3ecd961713b670871.jpeg\"\/><\/p>\n<p>Figma panellerinde bulunan neredeyse t\u00fcm ara\u00e7lar\u0131n \u00fczerinde bir arama \u00e7ubu\u011fu g\u00f6r\u00fcrs\u00fcn\u00fcz. Kimi dizaync\u0131lar hi\u00e7 tenezz\u00fcl etmezler ancak <strong>bir \u00f6\u011feyi arama \u00e7ubu\u011fu \u00fczerinden arayarak, <\/strong>elle aramaktan \u00e7ok daha s\u00fcratli bir formda bulabilirsiniz. Bilhassa metin tarz\u0131 \u00fczere binlerce se\u00e7ene\u011fin oldu\u011fu bir ara\u00e7ta hangisini kullanaca\u011f\u0131n\u0131z\u0131 bulmak epey uzun s\u00fcrebilir. Bunun yerine arama \u00e7ubu\u011funa birka\u00e7 harf yazarak an\u0131nda arad\u0131\u011f\u0131n\u0131z metin tarz\u0131n\u0131 bulabilirsiniz.<\/p>\n<p><b>Renk tarzlar\u0131na s\u00fcratli ula\u015f\u0131n:<\/b><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.webtekno.com\/images\/editor\/default\/0003\/12\/1561f6693d83697df056b6c07bb9e3e949de4a44.jpeg\"\/><\/p>\n<p>Tasar\u0131mc\u0131lar \u00e7ok yeterli bilecektir, bir rengin onlarca farkl\u0131 tarz\u0131 vard\u0131r. Yani mavi, her vakit s\u0131rf mavi de\u011fildir. Bu tarz\u0131 belirlemek i\u00e7in elle say\u0131sal paha de girebilirsiniz ancak bir de\u011fil, be\u015f de\u011fil <strong>tek tek elle renk tarz\u0131 belirlemek \u00e7ok vakit alacakt\u0131r. <\/strong>Bunun yerine sa\u011f paneldeki K\u0131lavuz men\u00fcs\u00fcnden Liste se\u00e7ene\u011fini a\u00e7\u0131n. Renk Tarzlar\u0131 arac\u0131 \u00fczerinden arad\u0131\u011f\u0131n\u0131z rengin binbir tonuna ula\u015fabilir ve tek t\u0131kla bu de\u011fi\u015fimi tasar\u0131m\u0131n\u0131za yans\u0131tabilirsiniz. Hissedilir bir vakit tasarrufu sa\u011flayacaks\u0131n\u0131z. <\/p>\n<p>macOS ve Windows i\u015fletim sistemine uygulama geli\u015ftiren kullan\u0131c\u0131lar ortas\u0131nda en tan\u0131nan aray\u00fcz tasar\u0131m program\u0131 olan <strong>Figma kullan\u0131rken i\u015finizi kolayla\u015ft\u0131racak birtak\u0131m t\u00fcyolardan <\/strong>bahsettik. \u0130\u015fin ustalar\u0131 elbette bunlar\u0131 biliyordur lakin tasar\u0131m d\u00fcnyas\u0131na yeni ad\u0131m atanlar i\u00e7in bu t\u00fcyolar kula\u011fa k\u00fcpe olacak cinsten. <\/p>\n<div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Standart bir kullan\u0131c\u0131 i\u00e7in bir uygulaman\u0131n derin yaz\u0131l\u0131m \u00f6zellikleri pek mana s\u00f6z etmez, k\u0131ymetli olan g\u00f6r\u00fcnen taraf yani aray\u00fcz\u00fcd\u00fcr. Bu nedenle &#8230;<\/p>\n","protected":false},"author":1,"featured_media":41593,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[854],"tags":[5989,5898,1166,972,932],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/posts\/41592"}],"collection":[{"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41592"}],"version-history":[{"count":1,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/posts\/41592\/revisions"}],"predecessor-version":[{"id":41594,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/posts\/41592\/revisions\/41594"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/media\/41593"}],"wp:attachment":[{"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=41592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=41592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}