Pagiera ve Figma
Tasarım tuvali ile üretim tuvali aynı araç değildir.
Kısa yanıt
Figma bir web sitesinin tasarlandığı yerdir; Pagiera ise oluşturulup yayımlandığı yerdir. Figma size ortak çalışılan bir tasarım dosyası ve Figma Sites aracılığıyla bu dosyadan yayımlanan, barındırılan bir sayfa sunar. Pagiera, kendi Next.js uygulamanıza kurduğunuz MIT lisanslı bir pakettir; böylece aynı görsel tuval, sunucuda işlenen, gerçek API'lerinize bağlı ve sayfa belgesi deponuzda saklanan üretim sayfasını oluşturur. Sayfanın nasıl olması gerektiğine karar vermek için Figma'yı; bu sayfanın sahibi olduğunuz bir ürünün içinde çalışması gerektiğinde Pagiera'yı kullanın.
Bu ikisini karşılaştıran ekipler genellikle bir tasarım dosyasının gerçek web sitesine dönüşüp dönüşemeyeceğini veya tasarım ile teslimatın ayrı adımlar olarak kalıp kalmayacağını sorar.
Bir bakışta.
| Özellik | Pagiera | Figma |
|---|---|---|
| Temel işlev | Kullanıcıların yüklediği sayfayı oluşturmak ve yayımlamak. | Arayüzleri ve tasarım sistemlerini iş birliği içinde tasarlamak. |
| Tuvalin ürettiği çıktı | Kendi uygulamanızda sunucuda işlenen bir React sayfası. | Bir tasarım dosyası ve Figma Sites aracılığıyla yayımlanan siteler. |
| Çıktının sahibi kim? | Sizsiniz. Sayfalar, deponuzdaki JSON belgeleridir ve kendi uygulamanız tarafından işlenir. | Figma. Tasarımlar Figma'nın bulut çalışma alanında saklanır. |
| Gerçek veri | API'lerinize, rota parametrelerine ve form gönderimlerine bağlanır. | Yer tutucu içerik ve eklentilerle sağlanan örnek veriler. |
| Lisans | MIT; npm üzerinden kurulur. | Kullanıcı koltuğu bazında lisanslanan, tescilli SaaS. |
| Kendi sunucunuzda barındırma | Uygulamanızın çalıştığı her yerde çalışır. | Geçerli değil; Figma, Figma tarafından barındırılır. |
Şu durumlarda Pagiera’yı seçin
- Görsel editörün kendi ürününüzün içinde, kendi kimlik doğrulamanızın arkasında bulunması gerekiyor.
- Pazarlama ekibinin, uygulamanızla aynı API'lerden veri okuyan sayfaları düzenlemesi gerekiyor.
- Sayfa kaynağının git'te tutulmasını ve bir pull request içinde incelenebilmesini istiyorsunuz.
Şu durumlarda Figma seçin
- Yapılan iş tasarım keşfi: sistemler, prototipler, geliştiriciye aktarım ve değerlendirme.
- Ekibiniz, herhangi bir şey geliştirilmeden çok önce görsel fikirler üzerinde birlikte çalışıyor.
- Birçok ürün için temel başvuru kaynağı olacak ortak bir tasarım dosyasına ihtiyacınız var.
Sık sorulan sorular.
- Pagiera, Figma'nın yerini alır mı?
- Hayır. Figma bir tasarım aracıdır; Pagiera ise Next.js uygulamanızın içinde üretim sayfalarını işleyen bir oluşturucudur. Çoğu ekip Figma'da tasarlamaya devam eder ve sayfanın gerçekten yayımlandığı yerde Pagiera'yı kullanır.
- Bunun Figma Sites'tan farkı nedir?
- Figma Sites bir tasarımı Figma'nın altyapısında barındırılan bir site olarak yayımlayabilir. Pagiera, deponuzda tuttuğunuz belgelerden sayfaları kendi uygulamanız ve kendi barındırma ortamınız üzerinden işler.
- Pagiera sayfaları Figma tasarım sistemimize uyabilir mi?
- Evet. Pagiera sayfaları standart React çıktısıdır; dolayısıyla kod tabanınızda zaten tanımlanmış yazı tiplerini, tasarım değişkenlerini ve bileşenleri kullanır. Bir Figma tasarım sistemi de genellikle üretime bu şekilde taşınır.
