Bolt x Figma : डिज़ाइन से ऐप तक एक ही बार में ऑटो-जनरेशन

 (x.com/boltdotnew)
12 पॉइंट द्वारा xguru 2025-03-14 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • Figma Frame URL के आगे सिर्फ bolt.new/ जोड़ें, और यह तुरंत import होकर सीधे ऐप में बन जाता है
    • Figma डिज़ाइन को सीधे pixel-perfect full-stack app में बदलता है
  • यह Bolt के Figma-To-Code टूल @AnimaApp के साथ integration से संभव हुआ है
  • हर महीने 3 conversions तक मुफ्त हैं, उसके बाद tokens का उपयोग करना होगा (आकार के अनुसार 50~200k)
    • सबसे बेहतर नतीजों के लिए Auto Layout का उपयोग अनिवार्य है

संबंधित पढ़ाई

1 टिप्पणियां

 
penguin5 2025-03-20

🔹 1. Bolt
खासियतें

Figma के Auto Layout को पहचानकर उसे लचीले Flexbox या CSS Grid में बदलता है
डिज़ाइन के आधार पर React, Vue आदि के code में अपने-आप convert करता है
सरल URL conversion (bolt.new/[Figma URL]) से तेज़ी से इस्तेमाल किया जा सकता है
फायदे

UI को लगभग pixel स्तर पर बनाए रखते हुए code generate करता है
React और Vue code में convert किया जा सकता है
पूरे app structure को convert कर सकता है, इसलिए तेज़ prototyping संभव है
कमियां

code optimization पर्याप्त नहीं हो सकता
CSS की readability कम हो सकती है