Figma'dan Linear'a: Kopyala-Yapıştır Olmadan Tasarım Köprüsü
Figma'yı Linear ile yerel gömme, Figma eklentisi ve tasarım ile mühendisliği senkronize tutan iş akışı desenleri kullanarak nasıl entegre edeceğiniz.
By Ellis Keane · 2026-03-15
Geçen yıl bir noktada, tasarımdan mühendisliğe teslim süreci bir tür işyeri tiyatrosuna dönüştü. Bir tasarımcı Figma'da bir bileşeni tamamlar, üç özenle kaleme alınmış yorum bırakır, Slack'e bir link yapıştırır ve onu oluşturacak mühendisi etiketler. Mühendis iki gün sonra linki açar, üç yorumun ikisini okur, bir varyantı kaçırır ve QA'ya kadar kimsenin fark etmediği, "yeterince yakın" bir şey gönderir.
Bu özel iletişim karmaşasını yaşadıysanız (ben de yaşadım, defalarca) sorunun düzeltmesinin "daha iyi iletişim" olmadığını zaten biliyorsunuzdur. Araçları bağlamak ve bağlamın işle birlikte hareket etmesini sağlamakla ilgilidir. İşte Figma'yı Linear ile nasıl entegre edeceğiniz – yerel gömmeler, eklenti ve bağlantıyı gerçekten yararlı kılan üç iş akışı deseni.
Linear'ın Figma Entegrasyonu Aslında Ne Yapıyor?
Linear, Figma gömmelerini bir süredir destekliyor ve temeller sağlam. Herhangi bir issue açıklamasına veya yorumuna Figma URL'si yapıştırın; Linear tasarımın gömülü bir önizlemesini oluşturur. Bu önizlemeler varsayılan olarak statiktir – Linear bunları bağlamı korumak için gömme noktasında dondurur; bu bilinçli bir tercihtir. Düzenleme modunda manuel olarak yenileyebilirsiniz, ancak tasarım sessizce altınızda güncellenmez.
Ayrıca Figma linklerini issue eklentileri olarak ekleyebilirsiniz; bu sayede Perşembe gününe kadar kaçınılmaz olarak kırk mesaja ulaşan yorum dizisine gömülü kalmak yerine sidebar'da düzenli bir şekilde tutulurlar.
Figma linear entegrasyonunun yapmadığı şey ise çift yönlü herhangi bir şeydir. Linear, Figma'yı görür; ancak Figma, Linear'ı görmez. Yorumlar yazıldıkları yerde kalır. Durum değişiklikleri yayılmaz. Bir mühendis Linear'da bir issue'yu "Tamamlandı" olarak işaretlerse, birisi söylemedikçe Figma'daki kimse bilmez – pratikte bu, Figma'daki hiç kimsenin bilmediği anlamına gelir.
Figma'yı Linear ile Nasıl Entegre Edersiniz: Adım Adım
Kurulum basittir (şükür ki, her şey on iki adımlı OAuth dansı gerektirmiyor!).
1. Adım: Entegrasyonu Etkinleştirin
Linear workspace ayarlarınıza gidin, ardından Integrations bölümüne. Listede Figma'yı bulun ve Enable'a tıklayın. Bağlantıyı yetkilendirmek için Figma'ya yönlendirileceksiniz. Erişime izin verin; yönetici tarafı tamamdır.
2. Adım: Frame'leri Issue'lara Bağlayın
Etkinleştirildikten sonra, herhangi bir Figma URL'sini Linear issue'ya yapıştırmak gömülü bir önizleme oluşturur. En iyi sonuçlar için:
- Belirli frame'leri bağlayın, tüm dosyaları değil.
figma.com/file/abc123?node-id=42:1337 linkine gitmek ilgili bileşeni gösterir. figma.com/file/abc123'e gitmek, Figma'nın varsayılan görünüm olarak belirlediği şeyi gösterir; bu genellikle istediğiniz şey değildir.
- Birincil tasarım referansı için issue açıklamasını kullanın. Yorumlar yineleme için işe yarar, ancak açıklama mühendislerin bir issue aldıklarında ilk okudukları şeydir.
- Figma linkini issue sprint'e girmeden önce ekleyin. Bu bariz görünüyor, ancak tasarım bağlamının bir mühendis zaten yirmi dakika aradıktan sonra eklendiğini görmek gerçekten şaşırtıcı.
3. Adım: Figma Eklentisini Yükleyin
Figma'da tasarımcıların doğrudan canvas'tan Linear issue oluşturmasına ve güncellemesine olanak tanıyan bir Linear eklentisi vardır. Bir frame seçin, eklentiyi açın, issue başlığını ve ekibi doldurun; link önceden eklenmiş şekilde issue oluşturulur. Eklenti ayrıca Figma'dan çıkmadan issue durumunu ve sorumluyunu güncellemeyi destekler.
Bu, tasarımdan geliştirmeye teslim sürecini "mühendis tasarımı aramaya gider"den "tasarımcı tasarımı mühendisliğe gönderir"e çevirir. Ekibimizin deneyimine göre bu tek değişiklik, "bu özelliğin tasarımı nerede?" Slack mesajlarını yaklaşık yarıya indirdi. İnan bana, sadece bu bile kurulum için harcanan beş dakikaya değer!
Yerel Entegrasyonun Yetersiz Kaldığı Yerler
Linear ve Figma'nın kurduğunu küçümsemek istemiyorum – hafif bir bağlantı için çalışıyor. Ancak adını koymaya değer boşluklar var; çünkü bunların varmış gibi davranmamak, üç ay sonra "entegrasyonumuz var, neden hiçbir şey senkronize olmuyor?" konuşmasına yol açar.
Yorumlar geçmiyor. Bir tasarımcı Figma'da geri bildirim bırakır ve bir mühendis Linear'da yanıt verirse, her iki aracı da manuel olarak kontrol etmeden hiçbiri diğerinin yanıtını görmez. Deneyimimize göre bu yorum silosu, tasarım ile geliştirme arasındaki iletişim karmaşasının çoğunun kaynağıdır – kötü özelliklerden değil, aynı anda iki yerde gerçekleşen konuşmalardan.
Durum tek yönlüdür. Linear'da "Devam Ediyor"a geçen bir issue, Figma'da hiçbir şeyi güncellemez. Tasarımcı, tasarımlarının oluşturulup oluşturulmadığını öğrenmek için Linear'ı kontrol etmek zorundadır (ya da daha gerçekçi bir ifadeyle Slack'te sormak).
Değişiklik bildirimi yok. Bir tasarımcı Linear issue'ya bağlı bir frame'i güncellediğinde, söz konusu issue'ya atanan mühendis Linear'da herhangi bir uyarı almaz. Önizlemeler varsayılan olarak statik olduğundan, mühendis zaten revize edilmiş bir tasarım sürümüne göre bir şey oluşturuyor olabilir. Birisi embed'i manuel olarak yenilemediği veya Slack'te bir şey söylemediği sürece güncelleme görünmezdir.
Boşlukları Kapatan İş Akışı Desenleri
Gömmeler referans sorununu çözer. Bu üç desen koordinasyon sorununu çözer – ve Figma linear entegrasyonunuzun teslimi gerçekten iyileştirip iyileştirmeyeceğini ya da kimsenin bakım yapmadığı başka bir araç bağlantısı ekleyip eklemeyeceğini belirleyen bunlardır.
Desen 1: Tasarıma Hazır Issue'lar
Bir tasarım issue'su sprint backlog'una girmeden önce Linear'da üç şeyin eklenmiş olması gerekir:
- Figma frame linki (belirli frame, dosya değil)
- Tasarım notları – son yinelemeden bu yana nelerin değiştiğini özetler (çünkü gömülü önizleme mevcut durumu gösterir, yenilikleri değil)
- Kabul kriterleri – tasarıma özellikle atıfta bulunan. "Figma frame ile eşleşiyor" kabul kriteri değildir. "Kart başlığı ile altyazısı arasında 8px spacing token kullanıyor" ise kriterdir.
Issue başına tasarımcı için birkaç ekstra dakika hazırlık. Karşılığında mühendisler, Slack arkeolojisi yapmadan doğrudan oluşturmaya başlayabilir.
Desen 2: Tasarım İnceleme Etiketleri
Özel bir Linear etiketi oluşturun – "Tasarım İncelemesi Gerekiyor" gibi bir şey – ve oluşturulmuş ancak tasarımcının uygulamayı doğrulaması gereken issue'lara uygulayın. İpucu (ve bunun acı derecede bariz göründüğünün farkındayım) onu issue yaşam döngüsü şablonunun bir parçası yapmaktır; böylece bir issue "İncelemede"ye geçtiğinde otomatik olarak tetiklenir. Bunu deneyimden söylüyorum – tam olarak bu etiketi oluşturduk, iki sprint boyunca sadakatle kullandık, sonra kimse onu şablonlamadığı için sessizce bıraktık. Başta variant kaçıran ve "yeterince yakın" bir şey gönderen mühendisi hatırlıyor musunuz? İşte eksik olan tasarım inceleme etiketiydi.
Desen 3: Sprint Haritası Olarak Figma Bölümleri
Daha büyük projeler için, mevcut sprint tasarımlarına adanmış bir Figma bölümü veya sayfası oluşturun. Her frame, tam olarak bir Linear issue'ya karşılık gelir. Frame adlarını issue tanımlayıcısıyla eşleştirin – ENG-142 – Card Component Redesign – böylece mühendisler "Frame 247" adlı kırk artboard'a bakmak zorunda kalmadan doğru frame'i bulabilir.
Bu Alışkanlıkları Sürdürmek
Bu konuda başarılı olan ekiplerin birkaç ortak özelliği var: Tasarımcılar frame'leri issue sprint'e girmeden önce bağlar (mühendisler şikâyet ettikten sonra değil), mühendisler issue'ları tamamlandı olarak işaretlemeden önce inceleme etiketini uygular (sonradan akla gelen bir şey olarak değil) ve kimse Slack'i tasarım kararları için kayıt sistemi olarak görmez.
Bu sonuncusu herhangi bir entegrasyondan daha önemlidir; eğer "kenar yarıçapını değiştirmeye karar verdiğimiz o iş parçacığı"nı aramak için on beş dakika harcadıysanız, ne demek istediğimi tam olarak anlarsınız. Slack, tasarım konuşmalarının gerçekleştiği yerdir ve aynı zamanda kaybolduğu yer. Bir iş parçacığında tasarım kararı alındıysa, birinin Figma dosyasını veya Linear issue'yu güncellemesi gerekir – aksi takdirde üç hafta içinde, deployment bildirimleri ve öğle yemeği planlarının altına gömülmüş olarak kaybolur.
"Bir iş parçacığında tasarım kararı alındıysa, birinin Figma dosyasını veya Linear issue'yu güncellemesi gerekir – aksi takdirde üç hafta içinde, deployment bildirimleri ve öğle yemeği planlarının altına gömülmüş olarak kaybolur." – Chris Calo
Yerel Figma-Linear entegrasyonu gömme ve referansı iyi şekilde yönetir. Çift yönlü farkındalık için – yorumlar, durum, değişiklik bildirimleri – manuel disiplin ya da her iki araçtaki bağlamı otomatik olarak bağlayan bir katmana ihtiyacınız var.
Üstelik yalnızca Figma ve Linear'ın ötesine geçiyorsanız – Slack, GitHub ve Notion'ı da karışıma ekliyorsanız – her şeyi senkronize tutmanın manuel yükü hızla katlanır. Bu farklı bir konuşma, ancak "bu tasarımı kim değiştirdi ve neden kimse bana söylemedi?" sonrasındaki retrospektiften önce yapılmaya değer.
Figma, Linear, Slack ve GitHub'ı tek bir bilgi grafiğinde birleştirin – tasarım bağlamı işle birlikte hareket etsin.
Q: Sugarbug, Figma ve Linear'ı otomatik olarak bağlıyor mu? A: Evet. Sugarbug hem Figma hem de Linear'dan sinyal alarak, tasarım yorumlarını ve dosya güncellemelerini bilgi grafiğindeki issue durum değişiklikleriyle ilişkilendirir. Bir tasarımcı bir frame üzerine geri bildirim bıraktığında, Sugarbug bunu kimse URL kopyalamadan ilgili Linear issue'nun yanında gösterebilir.
Q: Sugarbug, Figma, Linear ve Slack üzerinden tasarım teslimini takip edebilir mi? A: Sugarbug, Figma, Linear, Slack, GitHub ve Notion'ı tek bir bilgi grafiğinde birleştirir. Tasarım geri bildirimi, mühendislik tartışması ve görev durumu birbiriyle ilişkili kalır; böylece teslim sürecinde bağlam kaybolmaz.
Q: Linear'ın yerleşik bir Figma entegrasyonu var mı? A: Evet. Linear'ın yerel Figma entegrasyonu, gömülü önizlemeler oluşturmak için Figma URL'lerini issue'lara yapıştırmanıza ve canvas'tan issue oluşturmak veya güncellemek için Figma eklentisini kullanmanıza olanak tanır. Ancak tek yönlüdür – yorumlar ve durum değişiklikleri araçlar arasında senkronize edilmez.
Q: Bir Figma frame'ini Linear issue'ya nasıl bağlarım? A: Figma frame URL'sini Linear issue açıklamasına veya yorumuna yapıştırın. Linear gömülü bir önizleme oluşturur. Ayrıca Linear'ın Figma eklentisini kullanarak link önceden eklenmiş şekilde canvas'tan doğrudan issue oluşturabilirsiniz.
Q: Figma yorumları neden Linear'da görünmüyor? A: Linear'ın yerel Figma entegrasyonu tasarım önizlemelerini gömer ancak araçlar arasında yorumları senkronize etmez. Bir tasarımcının Figma yorumu ile bir mühendis Linear yorumu ayrı silolarda bulunur. Sugarbug gibi araçlar, her ikisinden de sinyal alarak ve bunları paylaşılan bir bilgi grafiğinde bağlayarak bu köprüyü kurar.