Webflow β bu visual web sayt yaratish platforma, dizayner va developer'lar uchun mo'ljallangan. Klassik drag-and-drop konstruktor'lardan (Wix, Tilda) farqli, Webflow CSS va HTML'ni visual ravishda boshqarish imkonini beradi. Natija: professional sayt'lar, no-code, lekin code'siz Lazm'lar bilan. AdvancedScript, animation, CMS, e-commerce β barchasi bor.
Webflow nima
2013'da AQSh'da yaratilgan. Asoschisi Vlad Magdalin (Rossiya'dan).
Bugun 3.5 million+ designer va developer foydalanadi.
Y Combinator, Accel investments.
Klassik konstruktor (Wix, Squarespace) bilan farqli β pro tool.
Webflow asosiy xususiyatlari
Visual editor β CSS va HTML'ni vizual ravishda yozish.
CSS Grid va Flexbox β visual ravishda layout.
Animation va interactions β kuchli motion design.
CMS β content management.
E-commerce β to'liq magazin imkoniyat.
Custom code β HTML, CSS, JavaScript embed.
Responsive design β har breakpoint alohida.
SEO tools β keng.
Visual editor
Webflow Designer β eng kuchli visual editor. CSS class'lar yaratish, edit qilish β visual ravishda.
Class bilan styling β reusable across pages.
Pseudo-class (hover, focus, active) β visual.
Custom properties (CSS variables) qo'llab-quvvatlanadi.
Layout system
Flexbox va CSS Grid β visual interface bilan.
Drag elements, set flex direction, align, justify.
Grid: rows, columns, gap visual.
Position: absolute, fixed, sticky.
Animation va Interactions
Webflow'ning eng kuchli funksiyasi.
Scroll-triggered animation.
Hover effects.
Mouse position-based animation.
Page load animation.
Timeline-based β har step alohida.
GSAP-level kuch.
Webflow CMS
Headless CMS imkoniyat.
Collection β content type yaratish (Blog Post, Project).
Fields: text, number, image, reference, multi-reference.
Dynamic pages β template + data β har item alohida sahifa.
Editor mode β content team uchun limited interface.
Webflow E-commerce
To'liq e-commerce.
Product, category, cart, checkout.
Payment: Stripe, PayPal, Apple/Google Pay.
Tax va shipping.
Order management.
Inventory tracking.
Shopify kabi rivojlangan.
Webflow Pricing
Free β 2 sayt, Webflow.io subdomain.
Basic: $14/oy β custom domain, 25K visits.
CMS: $23/oy β CMS, 100K visits.
Business: $39/oy β 250K visits, advanced.
E-commerce: $29-212/oy β sotuv hajmiga qarab.
Annual to'lov bilan chegirma.
Custom code embed
HTML embed: head, body.
JavaScript: page-specific yoki global.
CSS custom β Designer ko'rmaydigan rules.
Third-party integrations: analytics, chat widgets.
Webflow SEO
Meta title, description har sahifa uchun.
Open Graph va Twitter Card.
Auto-generated sitemap.
Robots.txt customization.
301 redirects.
Hreflang multi-language.
Schema markup (custom code orqali).
Performance
Static HTML deploy β fast.
Global CDN (Fastly).
Image optimization β automatic.
Lazy loading β automatic.
Core Web Vitals β yaxshi.
Webflow Hosting
Built-in hosting. Mavjud plan bilan kelyapti.
Custom domain mumkin (DNS sozlash).
SSL avtomatik.
99.99% uptime.
Designer collaboration
Multiple designer bir sayt'da.
Team plan β kollaboratsiya.
Version history β undo unlimited.
Comments β feedback.
Editor mode
Content team uchun maxsus interface. Designer'lar tomonidan yaratilgan dizayn'ni o'zgartira olmaydi, faqat kontentni.
Webflow templates
Marketplace: yuzlab template (bepul va pulli).
Har biznes turi uchun.
O'z dizayn'ingiz bilan boshlash yoki template'dan.
Webflow University
Bepul ta'lim resursi. Video kurslar, masterclass'lar.
Webflow'ni o'rganish uchun ideal.
Webflow vs Wix
Wix: AI-driven, oson, beginner. Kuchli funksiya yo'q.
Webflow: pro tool, kuchli, learning curve mavjud.
Designer uchun Webflow.
Webflow vs WordPress
WordPress: open source, plugin'lar, theme'lar. Self-hosting.
Webflow: visual, no plugin needed, hosted.
Maintenance: WordPress doimiy, Webflow no maintenance.
Webflow vs Framer
Framer: yangi, Figma-like, kuchli animation.
Webflow: yetuk, CMS, e-commerce kuchli.
Webflow kamchiliklari
Learning curve β beginner'lar uchun qiyin.
Pricing qimmat (CMS plan $23/oy).
Build vaqti uzun (visual editor).
Custom backend yo'q β serverless functions cheklangan.
Migration qiyin β Webflow'dan boshqa platformaga.
Webflow use case'lar
Marketing landing page.
Designer portfolio.
Agency sayt.
SaaS marketing sayt.
Blog (kontent menejer bilan).
Small e-commerce.
Webflow misol kompaniyalar
Lattice (HR software) β Webflow'da marketing sayt.
Discord β kompaniya sahifalar.
Dell β ba'zi sahifalar.
The Hustle β kontent sayt.
Common Webflow xato
1. Class naming chaos β reuse qilinmaydi.
2. Mobile alohida sozlamaslik.
3. SEO ignorate.
4. Custom code'ga haddan ortiq tayanish β Webflow visual editor afzal.
5. CMS structure yomon β kelajakda qayta yaratish.
Sayt.uz va Webflow
Sayt.uz Webflow'ga raqobat emas. Webflow β yetuk, professional. Sayt.uz Builder β yangi, o'sib bormoqda.
O'zbekistonda Webflow auditoriyasi kichik β narx katta ($23+/oy), ingliz tili.
Tavsiyalar mijoz uchun: professional designer/agency β Webflow. Oddiy biznes β Tilda yoki WordPress.
Sayt.uz hosting: Webflow custom domain ulanishi mumkin.
O'zbek tilida sayt'lar uchun β Webflow Editor mode ingliz, lekin kontent o'zbek tilida bo'lishi mumkin.