Figma kullanarak Web Siteleri için Tasarım Sistemleri
Eğitmen: Filip FelbarDiseñador dijital
Eğitmen: Filip Felbar, Diseñador dijital
Figma kullanarak görsel açıdan çekici web siteleri için tasarım sistemleri oluşturmayı ve iş akışınızı en üst düzeye çıkarmayı öğrenin.
Yaratıcı alanlarda çalışmış olan Dijital Tasarımcı Filip Felbar, yapı eksikliğinin nasıl sorunlara yol açabileceğini biliyor. Onun süreci, işleri yapılandırmaya ve daha kolay ve erişilebilir hale getirmeye adanmıştır. Tasarım sistemleri burada devreye giriyor. Tasarım sistemi, bir ekibin bir ürünü verimli bir şekilde ve markalarına uygun olarak planlaması, gerçekleştirmesi ve geliştirmesi için gereken tüm unsurları bir araya getiren kolektif bir kütüphanedir. Stil yönergelerinden kodlama bilgilerine kadar her şeyi içerebilir.
Bu çevrimiçi kursta Filip, tasarım sistemlerinin ne olduğunu ve bunları geliştirme ve geri dönüştürme konusundaki yaklaşımını sizinle paylaşıyor. Ayrıca web siteleri için dijital tasarım sistemleri oluşturmak amacıyla Figma'nın araçlarını etkili bir şekilde kullanmayı öğrenin. Sürecinizi hızlandırmak için küresel bileşenleri ve otomatik düzeni keşfedin!
Bu çevrimiçi kursta ne öğreneceksiniz?
1 ders & 1 indirme
Tasarım Sistemlerine Giriş
6 dakika, 58 saniye
Tasarım Sistemleri İş Akışınızı Hızlandırmanıza Nasıl Yardımcı Olabilir?
8 dakika, 0 saniye
Projeye Giriş ve Yaklaşım
6 dakika, 36 saniye
Figma Dosyasının Kurulumu ve İlk Araştırmalara Başlamak 1
18 dakika, 40 saniye
Figma Dosyasını Kurmak ve İlk Araştırmalara Başlamak 2
16 dakika, 19 saniye
Keşif ve Tasarım Sisteminin Genişletilmesi 1
19 dakika, 36 saniye
Bu kursa neler dahil?
Öğretmeniniz Filip Felbar'la tanışarak başlayın. Dijital tasarıma olan yolculuğunu ve ilhamlarını paylaşıyor.
Daha sonra birlikte çalışacağınız tasarım sistemleri ve sundukları avantajlarla tanışın. Filip, bu kursta ele alacağınız projeye bakmadan önce size bileşenlerin ve global stillerin verimli bir şekilde nasıl güncellenebileceğine dair bazı hızlı örnekler veriyor.
Daha sonra Figma ile içeriğinizi hazırlamaya başlayın. Başlangıç ve genel öğeleri dahil edecek ve ayarlayacak şeylerin bir kontrol listesini yapın. Tasarım talimatlarını keşfedin ve ilerledikçe bileşenleri ve stilleri güncelleyerek Otomatik Düzen'e dalın.
Daha sonra sisteminizi birleştirilmiş bir sayfayla iyileştirin, tamamlanmış sürümle yeni bir tane oluşturun ve onu kullanma yönergelerini yazın.
Bonus olarak Filip, sosyal medya için ek marka unsurları oluşturma sürecini paylaşıyor.
Kursun sonunda yaratıcı projelerinizi hayata geçirmenize ve iş akışınızı hızlandırmanıza yardımcı olacak yapılandırılmış bir şekilde düşünebileceksiniz.
Bu kurs için önerilen yazılım ve araçlar
Bu kursun projesi nedir?
Uygun belgelerle görsel açıdan ilgi çekici bir web sitesi tasarımının ve organize bir tasarım sisteminin nasıl oluşturulacağını öğrenin.
Kurs öğrencilerinin projeleri
Bu çevrimiçi kurs kimlere yöneliktir?
Tasarım sistemleri ve web tasarımı hakkında daha fazla bilgi edinmek isteyen herkes.
Gereksinimler ve materyaller
Figma veya benzeri bir araç.
Figma ile önceki deneyimler öğrencilere fayda sağlayacaktır.
Yorumlar
- 2 ay önce
Es un curso apto para principiantes, ayuda a potenciar tus conocimientos en figma
- 2 ay önce
Muy buen curso, bien explicado paso a paso, vale la pena!
- framantebPLUS5 ay önce
muy malo realmente
- 6 ay önce
Comenzó bien, muy inspirador. Pero finalmente resulta tedioso... una gran parte es acompañar al tutor en su propio proceso y resulta un poco narcotizante. Y de lo que me gustaría haber escuchado, como la organización de variables, foundations o variantes mobile, no hay contenido.
- 7 ay önce
Me falto más información pero si lo básico te lo da, si vas empezando está muy bien
İçerik
- U 1
giriiş
- Benim hakkımda
- Etkiler
- U 2
Tasarım Sistemleri
- Tasarım Sistemlerine Giriş
- Tasarım Sistemleri İş Akışınızı Hızlandırmanıza Nasıl Yardımcı Olabilir?
- Projeye Giriş ve Yaklaşım
- U 3
Web ve Sistem Tasarım Süreci
- Figma Dosyasının Kurulumu ve İlk Araştırmalara Başlamak 1
- Figma Dosyasını Kurmak ve İlk Araştırmalara Başlamak 2
- Keşif ve Tasarım Sisteminin Genişletilmesi 1
- Keşif ve Tasarım Sisteminin Genişletilmesi 2
- Tasarım Sistemi Sayfalarının Düzenlenmesi 1
- Tasarım Sistemi Sayfalarının Düzenlenmesi 2
- Bileşenleri Oluştururken Değişkenleri Keşfetmek
- U 4
Web Sitesi ve Tasarım Sisteminin İyileştirilmesi
- Tasarım Sisteminin Birleştirilmiş Bir Şekilde Geliştirilmesi Sayfa 1
- Tasarım Sisteminin Montajlı Bir Şekilde Geliştirilmesi Sayfa 2
- Tasarım Sisteminin Montajlı Bir Şekilde Geliştirilmesi Sayfa 3
- Eksiksiz Tasarım Sistemiyle Yeni Sayfalar Oluşturma 1
- Eksiksiz Tasarım Sistemi 2 ile Yeni Sayfalar Oluşturma
- Eksiksiz Tasarım Sistemi 3 ile Yeni Sayfalar Oluşturma
- Tasarım Sistemine İlişkin Dokümantasyon Oluşturmaya Nasıl Yaklaşılmalı?
- U 5
Tamamlamak ve Web'in Ötesine Geçmek
- Otomatik Düzeni Temizleme ve Kullanma
- Tasarımın Diğer Marka Unsurlarında Kullanılması
- Son düşünceler
- FP
Bitirme projesi
- Figma Kullanan Web Siteleri için Tasarım Sistemleri
Bir Domestika kursundan neler beklenebilir?
Kendi hızınızda öğrenin
Belirli bir program olmadan ve takip edilmesi kolay bir yöntemle evden öğrenmenin tadını çıkarın. Kendi hızınızı kendiniz belirlersiniz.
En iyi profesyonellerden öğrenin
Yaratıcı sektörün en iyi uzmanlarının açıkladığı değerli yöntem ve teknikleri öğrenin.
Uzman öğretmenlerle tanışın
Her uzman, her derste açık yönergelerle, gerçek tutkuyla ve profesyonel anlayışla en iyi yaptıkları şeyi öğretir.
Sertifikalar
PLUSPlus üyesiyseniz her kurs için öğretmeninizden imzalı bir özel sertifika alın. Portföyünüzde, sosyal medyada veya istediğiniz yerde paylaşın.
Ön sıra koltukları alın
En yüksek kalitede videolar sayesinde tek bir ayrıntıyı kaçırmazsınız. Sınırsız erişim sayesinde tekniğinizi mükemmelleştirmek için bunları istediğiniz kadar izleyebilirsiniz.
Bilgi ve fikirleri paylaşın
Sorular sorun, geri bildirim isteyin veya çözümler sunun. Öğrenme deneyiminizi topluluktaki, yaratıcılığa sizin kadar tutkulu olan diğer öğrencilerle paylaşın.
Küresel bir yaratıcı toplulukla bağlantı kurun
Topluluk, dünyanın her yerinden meraklı ve yaratıcılıklarını keşfetme ve ifade etme konusunda tutkulu milyonlarca insana ev sahipliği yapıyor.
Profesyonelce hazırlanmış kursları izleyin
Domestika, yüksek kaliteli bir çevrimiçi öğrenme deneyimi sağlamak için öğretmen kadrosunu seçer ve her dersi kendi bünyesinde üretir.
SSS
A design system is a collection of reusable components, guidelines, and standards that streamline web design, ensure brand consistency, and make collaboration easier. Using a design system saves time, reduces redundant tasks, and improves the scalability of digital projects.
This course is designed for intermediate-level designers who have a basic understanding of web design principles and tools like Figma. Advanced experience is not required, but some familiarity with digital design or front-end concepts is helpful.
You’ll need access to Figma, as the course demonstrates design system creation and workflow within this platform. Familiarity with Notion for project organization is recommended, but no coding or advanced software is required.
You’ll learn strategies for structuring design projects, creating content checklists, managing assets, and using collaborative tools to keep workflows efficient and organized for scalable web projects.
The course covers creating, naming, and managing reusable components, applying global styles, and documenting workflows in Figma to ensure consistency and efficiency across projects.
Yes, the course teaches documentation techniques, standardized processes, and component-based workflows that make collaboration smoother and help teams maintain design quality and consistency.
You’ll gain practical skills in organizing and applying typography, setting up layout grids, and establishing typographic hierarchies to create visually structured and accessible web interfaces.