Bepul boshlash

Figma faylingizni kod yozuvchi agentga bering — unga amal qilish qoidalari bilan.

.fig faylni yuklang — Broom ichidagi tizimni oʻqiydi: nomlari, qiymatlari va rejimlari bilan oʻzgaruvchilarni, uslublarni, variantlari bilan komponentlarni — soʻng uni kod yozuvchi agentingiz uchun tokenlar, hujjatlar, qoidalar va koʻnikmalar sifatida yozib beradi. Faylning oʻzi aynan qanday boʻlsa, shunday qoladi.
Bepul boshlash

3 ta bepul ishga tushirish. Karta kerak emas.

Broom ilovasidagi Figma handoff ekrani: .fig fayl uchun maydon va faqat dizayn maʼlumotlari yuborilishi, rasmlar esa kompyuteringizdan chiqmasligi haqidagi izoh.Broom ilovasidagi «Dizayn qoidalari» yorligʻi: chapda qoidalar toʻplamining papkalar daraxti, oʻngda komponentlar, tokenlar va koʻnikmalar roʻyxati bilan ochilgan CLAUDE.md.

Yuklash va u yozadigan qoidalar — ilova koʻrsatganidek

Chapda .fig yuklanadi; oʻngda — bitta ishga tushirishning «Dizayn qoidalari» yorligʻi, fayllari daraxt koʻrinishida. Koʻrsatilgan daraxt ilovada saqlaydigan namunaviy tizimimiz — Ledgerdan.

Faylingizdagi tizim — agentingiz uchun yozib olingan.

Sizga faylning oʻz tizimi, agentingiz oʻqiydigan fayllarda qaytadi. Yangi dizayn ham emas, ekranlar ham emas.

  • Topilgan tizim

    Rejimlari bilan oʻzgaruvchilar, uslublar va komponentlar — faylda qanday boʻlsa, shunday, agentingiz ular asosida qurishidan oldin tahlilni tekshirib olishingiz uchun.

  • Allaqachon generatsiya qilingandek koʻrinadigan narsalar

    Faylning oʻzi andoza yechimlar tomon chetga chiqqan joyda — atrofidagi yumaloq burchakka mos kelmaydigan burchakkacha — handoff buni aytadi. Bu siz uchun qayd etiladi va oʻz holicha qoldiriladi.

  • Kodingiz import qiladigan tokenlar

    CSS oʻzgaruvchilari, Tailwind konfiguratsiyasi, Tailwind v4 mavzusi, W3C DTCG JSON hamda Dart, Swift va Kotlindagi oʻsha qiymatlar.

  • Hujjatlashtirilgan tizim

    Butun tizim uchun DESIGN_SYSTEM.md va docs/components/ ichida har bir komponentga bitta sahifa.

  • Faylning oʻz nomlari bilan qoidalar va koʻnikmalar

    CLAUDE.md, AGENTS.md va .cursorrules agentingizni umumiy maslahatlarga emas, faylingizdagi nomlar bilan yozilgan koʻnikmalarga yoʻnaltiradi.

  • Figmaga qaytish yoʻli

    figma/README.md tokenlarni Figmaga qaytaradi.

  • DESIGN_SYSTEM.mdButun tizim — faylda qanday boʻlsa, shunday
  • docs/components/Har bir komponentga bitta sahifa
  • tokens/Kodingiz import qiladigan qiymatlar
  • tokens.cssCSS oʻzgaruvchilari
  • tailwind.config.jsTailwind konfiguratsiyasi
  • tailwind.v4.cssTailwind v4 mavzusi
  • tokens.jsonW3C DTCG JSON
  • native/Dart, Swift va Kotlin
  • .claude/skills/Faylning oʻz nomlari bilan koʻnikmalar
  • CLAUDE.md · AGENTS.md · .cursorrulesAgentingizni qoidalarga yoʻnaltiradi
  • figma/README.mdTokenlarni Figmaga qaytaradi

Toʻplam repozitoriyingiz ildiziga qanday ochilsa, shunday. Bu yerdagi har bir yoʻl — handoff yozadigan yoʻl.

Havola emas, faylning oʻzi.

Qoʻlingizdagi .fig faylni yuklang. Faylda butun hujjat bor, shuning uchun Broom uni toʻliq oʻqiydi.

Kompyuteringiz

file.fig

  • Hujjat
  • Rasmlar

Broom

Uni oʻqiydi

Hujjat

Brauzeringiz .fig faylni ochadi va Broomga faqat ichidagi hujjatni yuboradi; rasmlar kompyuteringizda qoladi.

  • Faqat hujjat chiqadi

    Brauzeringiz faylni ochadi va faqat ichidagi hujjatni yuboradi. Undagi rasmlar kompyuteringizdan chiqmaydi.

  • Boshqa hech narsa tayyorlash shart emas

    Na brifga javob berish, na repozitoriy ulash kerak. Fayl — bor-yoʻgʻi kerak boʻlgan narsa.

Bitta yuklash — va agentingizda qoidalar bor.

  1. 01Figma handoffni tanlang.

    «Dizayningiz Figmada tayyor. Biz uni agentingiz uchun qoidalarga aylantiramiz» deb yozilgan kirish.

  2. 02.fig faylni yuklang.

    Brauzeringiz uni ochadi va ichidagi hujjatni yuboradi.

  3. 03Broom tizimni oʻqiydi.

    Nomlari, qiymatlari va rejimlari bilan oʻzgaruvchilar; uslublar; variantlari bilan komponentlar. U topganini koʻrsatadi va allaqachon generatsiya qilingandek koʻrinadigan narsalarni qayd etadi.

  4. 04Agentingiz toʻplamni oʻqiydi.

    Uni repozitoriyingiz ildiziga oching. CLAUDE.md, AGENTS.md va .cursorrules agentni ekran yozishidan oldin qoidalarga yoʻnaltiradi.

U tizimni yozib oladi va dizaynga tegmaydi.

  • U ekranlaringizni yozmaydi

    Ularni agentingiz toʻplamdan, oʻz repozitoriyingizda quradi.

  • U faylni oʻzgartirmaydi

    Figma faylingizga hech narsa qayta yozilmaydi.

  • U qiymatlarni oʻylab topmaydi

    Raqamlaringizni «tuzatmaydi» ham. Qarama-qarshilik ustidan yozilmaydi, qayd etiladi.

  • U kodingizni tekshirmaydi

    Allaqachon qurilgan mahsulot uchun slop auditi bor: u repozitoriyni oʻqiydi va mahsulot oʻz tizimidan qayerda chetga chiqqanini topadi.

    Slop auditi qanday ishlaydi

Faylni yuklashdan oldingi savollar.

  • .fig yuklaganimda kompyuterimdan nima chiqadi?

    Faqat fayl ichidagi hujjat. Brauzeringiz .fig faylni ochadi va shuni yuboradi; undagi rasmlar kompyuteringizdan chiqmaydi.

    Broom siz yuborgan narsa asosida hech narsani oʻqitmaydi, Vertex AI shartlariga koʻra Google ham oʻqitmaydi.

  • U Figma oʻzgaruvchilari va ularning rejimlarini oʻqiydimi?

    Ha. U faylning oʻzgaruvchilarini nomlari, qiymatlari va rejimlari bilan, uslublarini va komponentlarini variantlari bilan oʻqiydi hamda agentingiz uchun biror narsa yozilishidan oldin topganini koʻrsatadi.

  • Handoff dizaynimni oʻzgartiradimi?

    Yoʻq. U faylni oʻzgartirmaydi, qiymatlarni oʻylab topmaydi va raqamlaringizni «tuzatmaydi». Qarama-qarshilik ustidan yozilmaydi, qayd etiladi, allaqachon generatsiya qilingandek koʻrinadigan narsa esa olib tashlanmaydi, koʻrsatib qoʻyiladi.

  • Natijadan qaysi kod yozuvchi agentlar foydalana oladi?

    Loyihaning yoʻriqnoma fayllarini oʻqiydigan har qanday agent. Toʻplamda Claude Code uchun CLAUDE.md, Cursor, Codex, GitHub Copilot, Gemini CLI, Windsurf va boshqa koʻplab agentlar oʻqiydigan AGENTS.md hamda Cursor uchun .cursorrules bor.

  • Figma oʻzgaruvchilarimdan Tailwind tokenlarini olsa boʻladimi?

    Ha. Faylingizdan oʻqilgan tizim tokenlar sifatida yoziladi: CSS oʻzgaruvchilari, Tailwind konfiguratsiyasi, Tailwind v4 mavzusi va W3C DTCG JSON, nativ kod uchun esa Dart, Swift va Kotlin versiyalari.

  • Figma faylim tartibsiz boʻlsa-chi?

    Unda tahlil buni koʻrsatadi. Handoff faylingizdagi tizimni yozib oladi va allaqachon generatsiya qilingandek koʻrinadigan narsalarni qayd etadi; raqamlaringizni oʻzicha tartibga keltirmaydi.

    Agar faylni yozib olish emas, qayta oʻylash kerak boʻlsa, toʻliq redizayn undan boshlaydi va unga kerakli tizimni loyihalaydi.

    Toʻliq redizayn qanday ishlaydi

Qaysi yoʻl bilan kelsangiz ham, agentingiz oʻz qoidalarini oladi.

  • Faqat AI-slopni olib tashlash

    Koʻrinish oʻzgarmaydi. Tizimingizni mahsulotning oʻzidan oʻrganamiz, kod undan andoza yechimlar tomon qayerda chetga chiqqanini topamiz va bu toʻxtashi uchun qoidalar yozamiz.

    Slop auditi qanday ishlaydi

  • Noldan dizayn

    Dizayn hali yoʻq. Biz agentingiz uchun koʻrinish va qoidalarni yaratamiz.

    Noldan dizayn qanday ishlaydi

AI-slop nima va agentlar uni nega yaratadi

Agentingizga faylingizda allaqachon bor tizimni bering.

.fig faylni yuklang va agentingiz yana bir ekran yozishidan oldin natijani oʻqing.

Bepul boshlash

3 ta bepul ishga tushirish. Karta kerak emas.

  • Har bir natija toʻlovdan oldin ekranda
  • Muvaffaqiyatsiz ishga tushirish oʻzi qaytadi
  • Kodingiz ishga tushirishdan keyin saqlanmaydi