Build mode اپنائے گئے کوڈبیس کے پریویو کو بصری ایڈیٹر میں بدل دیتا ہے: اپنی چلتی ایپ میں عنصر پر کلک کریں، اسکرین پر اسے بدلیں — متن، spacing، رنگ — اور تبدیلی 1design/<slug> برانچ پر اصلی کوڈ میں واپس لکھتی ہے۔ یہ UI میں اسی جگہ ترمیم ہے جہاں UI رہتی ہے۔

کھولنا

کوڈبیس پروجیکٹ پر، Preview اور Sketch کے ساتھ Build ٹیب پینل کو Build mode میں بدلتی ہے: آپ کی ایپ لائیو رینڈر ہوتی ہے، اور edit layer اس پر فعال ہو جاتی ہے۔ Hover کرسر کے نیچے عنصر highlight کرتا ہے؛ کلک اسے چنتا ہے اور اس کا edit surface کھولتا ہے — وہ پراپرٹیز جو عنصر دیتا ہے، درجے میں قابل ترمیم۔

Build mode — ترمیم کے لیے چنے ہوئے عنصر کے ساتھ چلتی ایپ

اسکرین پر ترمیم

edit surface وہ پراپرٹیز ڈھامپتی ہے جو بصری طور پر معنی رکھتی ہیں:

Text — کاپی پر کلک کریں، بدلہ ٹائپ کریں
Spacing — چنے ہوئے عنصر پر padding اور gap
Color — fill یا متن کا رنگ، پروجیکٹ کے ٹوکنز سے
Type — متن والے عناصر پر سائز، weight، family

تبدیلیاں لائیو پریویو پر لاگو ہوتی ہیں — آپ ترمیم اسی جگہ دیکھتے ہیں جہاں وہ اترتی ہے، نہ کہ نتیجے سے الگ کسی پراپرٹی پینل میں۔

کوڈ میں واپس لکھنا

بصری ترمیم mock اوورلے نہیں — یہ عنصر کے اصلی styles پر نقش ہوتی ہے اور تبدیلی اسی فائل میں لکھتی ہے جس کی وہ ہیں، 1design/<slug> برانچ پر۔ اگلا ٹرن یا اگلا بلڈ اسے کسی بھی کوڈ تبدیلی کی طرح پڑھتا ہے — worktree diff بالکل اتنا ہی بڑھتا ہے جتنی آپ کی ترمیم۔

ریپو اپنائیں، ٹرن بھیجیں، برانچ بار آگے رہنے والا commit دکھاتی ہے۔

diff scoped چیک

کوڈبیس پروجیکٹس diff verify کرتے ہیں، پورا کوڈبیس نہیں — ٹرن کی (یا ترمیم کی) بدلی ہوئی فائلیں چیک ہوتی ہیں، اور برانچ بار کا Review changes بالکل وہی دکھاتا ہے جو بدلا۔ بصری ترمیم کسی بھی دوسری diff جیسی ہے — برانچ پر اترتی ہے، انھی فائلوں تک محدود جنہیں اس نے چھوا۔

Build بمقابلہ Preview بمقابلہ Sketch

Preview — چلتی ایپ دیکھیں؛ کمنٹس اور پنز سے سٹیئر کریں
Build — UI میں بصری ترمیم، تبدیلیاں کوڈ میں لکھتی ہیں
Sketch — .1d sketches ڈالیں جو کمپوننٹس پر نقش ہوں

Build mode اس ترمیم کے لیے ہے جسے آپ دیکھ سکتے ہیں — وہ بٹن جو بڑا ہونا چاہیے، وہ سرخی جو تنگ ہونی چاہیے۔ جب تبدیلی نیا فلو یا کئی عناصر کی ادلہ بدلی ہو، بریف پھر بھی وہی ٹول ہے۔

Review اور merge

Build mode کی ترامیم اسی worktree برانچ پر رہتی ہیں جس پر ایجنٹ ٹرنز — برانچ بار آگے رہنے والے commits ٹریک کرتی ہے، Review changes وہ diff دکھاتا ہے جو کام نے بنایا، اور Merge into main ٹھیک ہونے پر واپس لے آتا ہے۔ edit-to-code راستہ اصلی ہے، اس لیے merge اصلی merge ہے۔

یہ کن چیزوں میں اچھا ہے

بصری پاسز — spacing، رنگ، ٹائپ پوری ایپ پر، درجے میں ترمیم شدہ
کاپی ترامیم — الفاظ خود اسکرین پر درست کریں
ٹوکن ٹیوننگ — رنگ یا سائز ہلکا سا ہلائیں اور کوڈ میں اترتا دیکھیں
آخری میل — وہ polish پاس جہاں بری ضرورت سے زیادہ ہو

مشورہ: Build mode کی ترامیم کوڈ ہیں، اس لیے merge سے پہلے diff کا review کریں — بصری ٹویک دیانت دار کوڈ ہے، مگر "اسکرین پر ٹھیک لگتا ہے" اور "فائل میں ٹھیک پڑھتا ہے" دونوں برانچ merge ہونے سے پہلے چیک کے قابل ہیں۔

Build mode: اپنی اصلی UI میں بصری ترمیم کریں