• Buradasın

    Figma

    Özetteki ilgi çekici içerikler

    • Bravo Studio ile Figma'dan Native Uygulama Oluşturma Eğitimi

      Bu video, bir eğitmen tarafından sunulan Bravo Studio uygulamasının Figma ile nasıl kullanılacağını anlatan kapsamlı bir eğitim içeriğidir.. Eğitim, Bravo Studio'nun Figma için iOS ve Android platformlarında native app çıkarma özelliğini adım adım göstermektedir. İlk bölümde Bravo Studio'nun web sitesi ve temel özellikleri tanıtılmakta, Figma'da bir tasarım oluşturma süreci anlatılmaktadır. İkinci bölümde ise Figma'da yeni bir collection oluşturma, REST API kullanarak dinamik veri çekme ve bu verileri uygulamada kullanma adımları gösterilmektedir.. Eğitim içeriğinde sabit bir video alanı ve dinamik olarak gelen kullanıcı listesi içeren bir uygulama prototipinin oluşturulması, Bravo Text kodlarının kullanımı, Jason Place Holder Type Code platformundan kullanıcı verilerinin çekilmesi ve Android için APK dosyasının oluşturulması gibi konular detaylı olarak ele alınmaktadır.

      • youtube.com

    • Figma Web Design Course Overview

      13-hour course completed over 3 weeks at 4 hours weekly. Includes 9 modules totaling 14 videos and 1 reading. Available through Coursera Plus subscription for $199

      • coursera.org

    • Figma Community Templates Guide

      Adobe acquired Figma for $20 billion, but plans to stop partnership. Community provides design templates, widgets, and plugins for designers. Community resources are categorized into plugins, widgets, and templates

      • mockuuups.studio

    • Figma'da Slider Uygulaması Yapımı

      Bu video, Ramazan Güler tarafından sunulan bir eğitim dersidir. Ramazan Güler, Figma programında slider uygulaması oluşturma sürecini adım adım göstermektedir.. Videoda, Figma'da slider uygulaması yapımı detaylı olarak anlatılmaktadır. Öncelikle Lorem Pixel sitesinden temsili fotoğraflar oluşturulup Figma'ya import edilir, ardından frame, başlık, açıklama alanı, oklar ve dikdörtgenler gibi bileşenler oluşturulur. Daha sonra prototype işlemi yapılarak slaytlar arasında geçiş animasyonları (fade-in, slide in, slide out) eklenir. Video, oluşturulan slider uygulamasının test edilmesiyle sona erer.

      • youtube.com

    • Figma Design Export Guide

      Anyone with edit access can use the Slice tool to export design parts. Content can be exported as layers, frames, components, groups, or sections. Slice tool allows selecting and exporting specific canvas regions. Export settings can be configured in the right sidebar

      • help.figma.com

    • Figma Image Crop Guide

      Crop option available through toolbar button, double-click, or image properties panel. Hold Option/Alt to crop opposite sides, Command/Control to maintain aspect ratio. Cropped areas remain hidden, allowing easy adjustments

      • blog.logrocket.com

    • Yapay Zeka ile Web Sitesi Tasarımı ve SEO Optimizasyonu

      Bu video, yaklaşık 25 yıllık web sitesi deneyimine sahip bir uzman ve diğer tasarımcıların katıldığı canlı bir yayındır. Konuşmacılar arasında Kadir Koç, Yunus Emre ve Ahmet adlı kişiler bulunmaktadır.. Videoda yapay zeka araçlarının (ChatGPT, Figma gibi) web sitesi tasarımı ve SEO optimizasyonu süreçlerinde nasıl kullanılabileceği adım adım gösterilmektedir. İçerik, analiz, planlama, tasarım, kodlama, içerik düzenleme, SEO ve reklam gibi web sitesi oluşturma aşamalarını kapsamaktadır.. Ayrıca videoda anahtar kelime analizi, H1, H2, H3 tagları kullanımı, meta verileri düzenleme ve robot.txt dosyası oluşturma gibi SEO teknikleri anlatılmaktadır. Konuşmacılar, yapay zeka araçlarının tasarım sürecini kolaylaştırdığını ancak tamamen web işini bilen kişilerin yapması gerektiğini vurgulamaktadır. Video, izleyicilerden gelen sorulara yanıt verilerek interaktif bir şekilde ilerlemektedir.

      • youtube.com

    • Yap-İşlet-Devret Web Tasarımı: Front-End Hazırlıkları

      Bu video, The Codefather tarafından sunulan "Yap-İşlet-Devret" web tasarım serisinin bir bölümüdür. Eğitmen, daha önce Figma kullanarak tasarladığı hayali bir kayak merkezi sitesinin front-end kodlarını yazmaya başlıyor.. Video, web sitesinin ana iskeletinin belirlenmesiyle başlıyor ve Visual Code kullanarak klasör mimarisi oluşturma sürecini gösteriyor. Eğitmen, dinamik ve statik içerik dosyalarını ayırmak için "assets" klasörü oluşturuyor, Google Fonts'tan fontları ve Fon Tasm'dan ikonları ekliyor. Video, bir sonraki bölümde içerik kodlamaya başlanacağını belirterek sona eriyor.

      • youtube.com

    • Figma Download Methods

      Select images by clicking or Shift+clicking. Choose format (PNG, JPG, SVG, PDF) and size. Export as ZIP file containing selected elements

      • wikihow.com

    • Figma Undo and Redo Guide

      Undo feature allows designers to reverse changes made to their designs. Undo is crucial for saving time and preventing irreversible mistakes

      • figmafy.com

    • Figma'da Yeni Komponent Özellikleri ve Buton Tasarımı Eğitimi

      Bu video, Ender tarafından sunulan bir Figma tasarım programı eğitim içeriğidir. Video, soru bankası formatında hazırlanmış olup, Ender'in eski bir arkadaşı da kısa bir süre için katılıyor.. Video, Figma'daki yeni komponent sisteminin eski sistemden farklarını ve avantajlarını göstererek başlıyor, ardından buton tasarımı için çeşitli özelliklerin nasıl kullanılacağını adım adım anlatıyor. İçerikte eski komponentleri yeni sisteme uyarlama, padding değerleri, kısayollar, varyasyon ekleme, yazı özellikleri ayarlama, ikon ekleme ve düzenleme gibi temel Figma işlemleri detaylı olarak gösteriliyor.. Eğitim, özellikle buton örneği üzerinden tek bir komponentle farklı varyantlar oluşturma ve bu varyantları kolayca yönetme tekniklerini ele alıyor. Ayrıca, butonların gizlenmesi, minimum genişlik ayarlanması, ikon rengi sabitleme gibi pratik bilgiler ve Figma'da kısayollar (option tuşu, shift tuşu, command tuşu gibi) ile plugin kullanımı (Select Similar plugin) gibi konular da paylaşılmaktadır.

      • youtube.com

    • WordPress Elementor ile Web Sitesi Tasarım Eğitimi

      Bu video, bir eğitmen tarafından sunulan WordPress ve Elementor kullanarak web sitesi oluşturma ve tasarım sürecini adım adım gösteren bir eğitim içeriğidir.. Video, Figma'da hazırlanan bir tasarım üzerinden başlayıp, WordPress'e Elementor kurulumu, tema seçimi ve sayfa düzenleme aşamalarını kapsamaktadır. Eğitmen, header tasarımı, menü oluşturma, butonlar, hover efektleri, responsive ayarlar ve "Hakkımızda" sayfası oluşturma gibi temel web tasarım adımlarını detaylı olarak göstermektedir. Video, bir serinin ilk bölümü olup, ikinci videoda yetenekler, hizmetler, portfolyo, iletişim ve footer alanlarının yapılacağı belirtilmektedir.. Eğitim boyunca, tasarım öğelerinin renk, yazı tipi, boyut ve gölge ayarları, görsel ekleme, metin düzenleme ve Siner Counter eklentisi gibi özellikleri de gösterilmektedir. Video, izleyicilerin kendi tasarımlarını web sitesine dönüştürebilmesine yardımcı olmayı amaçlamaktadır.

      • youtube.com

    • Figma Eğitim Videosu: İlk Giriş

      Bu video, yaklaşık 25 yıllık web tasarımı deneyimine sahip Kadir Koç tarafından sunulan Figma eğitim serisinin ilk bölümüdür.. Videoda Figma programının temel özellikleri ve arayüzü tanıtılmaktadır. Kadir Koç, Figma'nın Photoshop veya Adobe XD gibi programlara göre daha esnek, pratik ve hızlı olduğunu vurgulayarak, programın ana bölümlerini (board, import, taslaklar, proje, admin) açıklamaktadır. Ayrıca çalışma sahnesi, araçlar, metin, komponentler, paylaşım ve prototip oluşturma gibi temel özellikler de gösterilmektedir. Video, Figma'nın temel kullanımını öğrenmek isteyenler için temel bir giriş niteliğindedir.

      • youtube.com

    • Figma'da Silinen Dosyaları Kurtarma Rehberi

      Bu video, Figma uygulamasında silinen dosyaların nasıl kurtarılacağını gösteren bir eğitim içeriğidir.. Video, Figma'da dosya silme yöntemlerini (klavyeden delete tuşuna basma veya sağ tıklayıp delete seçeneğini seçme) açıklayarak başlıyor. Ardından silinen dosyaların nasıl geri kurtarılacağı adım adım gösteriliyor. Silinen dosyaların "Trash" klasörünün "Deleted" sekmesinde bulunabileceği ve buradan "Restore" seçeneğiyle geri kurtarılabileceği veya "Delete Forever" seçeneğiyle tamamen silinebileceği anlatılıyor.

      • youtube.com

    • Figma'da İnteraktif Komponent Kullanımı

      Bu video, bir eğitim içeriği olup, konuşmacı Figma'daki yeni interaktif komponent özelliğini anlatmaktadır.. Video, Figma'daki interaktif komponent özelliğinin ne olduğunu ve nasıl kullanılacağını adım adım göstermektedir. Konuşmacı önce prototip özelliğinin sınırlamalarını anlatarak başlıyor, ardından interaktif komponent özelliğinin sunduğu avantajları açıklıyor. Buton örnekleri üzerinden hover efekti, click efekti ve toggle gibi interaktif özelliklerin nasıl oluşturulacağını gösteriyor. Bu özellik sayesinde Figma'da sayfa içindeki küçük animasyonlar ve interaktif elemanlar oluşturulabiliyor, böylece prototipler daha gerçekçi hale geliyor.

      • youtube.com

    • Figma'da Animasyon Oluşturma Eğitimi

      Bu video, Ender adlı bir eğitimcinin Figma programında animasyon oluşturma konusunda sunduğu bir eğitim serisinin ilk bölümüdür. Ender, izleyicilerin yorumlarda belirttikleri animasyonları da bu seriye ekleyeceğini belirtiyor.. Videoda, Figma'da pin animasyonu oluşturma süreci adım adım gösterilmektedir. Ender önce pin tasarımının nasıl oluşturulacağını, ardından bu tasarımın prototip olarak nasıl kullanılacağını ve animasyonun nasıl çalıştığını detaylı şekilde anlatıyor. Animasyonun çalışması için komponentlerin isimlerinin aynı olması gerektiği gibi teknik detaylar da paylaşılıyor. Video, Figma'da animasyon oluşturma konusunda temel bilgi edinmek isteyenler için faydalı bir kaynak niteliğindedir.

      • youtube.com

    • Figma ile NFT Projesi Web Sitesi Tasarımı Eğitimi

      Bu video, "Tasarımcı Dayı" olarak kendini tanıtan bir eğitimcinin Figma uygulaması kullanarak web arayüzü tasarımı konusunda sunduğu kapsamlı bir eğitim içeriğidir. Eğitmen, birkaç gün içinde Figma'yı öğrendiğini belirtmektedir.. Videoda, Metaboomers adlı NFT projesinin web sitesi arayüzünün tasarım süreci adım adım gösterilmektedir. Eğitim, masaüstü ve mobil menü tasarımı ile başlayıp, logo ekleme, metin düzenleme, buton oluşturma, banner tasarımı, GIF ekleme, layer blur uygulama, efektler ekleme, sosyal medya ikonları yerleştirme ve prototip oluşturma gibi konuları kapsamaktadır. Ayrıca, ön satış, sayacı, "Hikayemiz" bölümü, yol haritası, sık sorulan sorular ve ekip bölümleri gibi farklı bölümlerin tasarımı da detaylı şekilde anlatılmaktadır.. Eğitim, Figma'nın katmanlı çalışma mantığını, sürükle-bırak özelliğini, renk ayarlarını, scroll to animasyonları ve menü açma-kapama animasyonları gibi interaktif özelliklerin nasıl kullanılacağını göstermektedir. Video, bir one page web sitesi örneği üzerinden ilerlemekte ve çok sayfalı web siteleri için de temel bilgiler sunmaktadır.

      • youtube.com

    • Figma'da Uygulama Tanıtım Animasyonu ve Prototip Tasarımı Eğitimi

      Bu video, Ender adlı bir eğitimcinin Figma uygulamasında uygulama tanıtım animasyonu ve prototip tasarımı konularını anlattığı bir eğitim içeriğidir.. Video, iki ana bölümden oluşmaktadır. İlk bölümde Figma'da uygulama tanıtım animasyonu oluşturma süreci adım adım gösterilmekte, komponent oluşturma, frame kopyalama, buton ve tooltip animasyonları ekleme, smart animate özelliğini kullanma ve animasyonların akışını ayarlama gibi teknikler anlatılmaktadır. İkinci bölümde ise prototip tasarımı, butonların animasyonlu geçişleri, tooltip kullanımı ve komponentlerin nasıl oluşturulup yönetileceği gösterilmektedir.. Eğitim, Verspace için hazırlanan bir onboarding animasyonu örneği üzerinden ilerlemekte ve master komponent kullanarak tüm sayfalara link verme gibi pratik bilgiler de içermektedir. Ayrıca, izleyicilere daha önce hazırlanan tüm animasyonları içeren Figma dosyasının açıklamalar kısmına eklendiği belirtilmektedir.

      • youtube.com
  • Yazeka sinir ağı makaleleri veya videoları özetliyor