Link paste करें
URL to Figma: link paste करें, एडिटेबल layers पाएं
Figma तक पहुंचने का सबसे तेज़ रास्ता। कोई भी public URL paste करें और HTML to Frames आपके canvas पर पेज को render करता है, मापता है और दोबारा बनाता है।
- एक isolated, sandboxed browser में render
- मांगने पर cookie banners और popups छिपाए जाते हैं
- नतीजा एक बार deliver, कभी disk पर नहीं लिखा जाता
जल्द ही Figma Community पर

URL to Figma, live पेज से एडिटेबल डिज़ाइन तक का सबसे छोटा रास्ता है: address copy करें, उसे HTML to Frames plugin में paste करें, एक screen चुनें और import करें। कोई extension install नहीं करना, कोई code export नहीं करना, कोई files upload नहीं करनी। जब भी पेज public हो, यही सही विकल्प है — इसमें competitor research, inspiration teardowns, redesign से पहले client sites और आपके अपने production पेज सब आते हैं।
Paste और नतीजे के बीच बहुत कुछ होता है। पेज को HTML to Frames capture service एक isolated, sandboxed browser में load करती है, ठीक वैसे ही जैसे एक सामान्य visitor उसे देखता। अगर आप कहें, तो पहले cookie banners और popups छिपाए जाते हैं। पेज को scroll किया जाता है ताकि lazy-loaded content को दिखने का मौका मिले, animations freeze किए जाते हैं ताकि आपको साफ़ frame मिले, और असली design width मापी जाती है ताकि Desktop frame वैसा ही हो जैसी site बनाई गई थी।
फिर plugin computed layout और styles पढ़ता है और आपके canvas पर native Figma layers बनाता है, जहां भी verify किया जा सके वहां Auto Layout लागू करते हुए। Text एडिटेबल रहता है, SVG vectors बन जाते हैं और images अपना fit बनाए रखती हैं।
Privacy डिज़ाइन का हिस्सा है। नतीजा आपके plugin को एक बार deliver होता है और फिर memory से delete हो जाता है। यह कभी disk पर नहीं लिखा जाता, और job record 15 मिनट बाद भुला दिया जाता है। पूरा architecture security पेज पर है।
Login के पीछे वाले या localhost पर चल रहे पेजों के लिए, इसके बजाय Chrome extension इस्तेमाल करें। कई पेजों के लिए website to Figma देखें। और पहली बार की walkthrough के लिए, guide HTML को Figma में कैसे बदलें हर option को कवर करती है।
तीन steps में URL to Figma
- 01
पेज का address copy करें
कोई भी public URL चलेगा: homepage, product पेज, blog post या pricing table।
- 02
इसे Link tab में paste करें
Figma में HTML to Frames खोलें, URL paste करें और Desktop या Mobile जैसी screen चुनें।
- 03
Import
पेज render होता है, मापा जाता है और आपके मौजूदा Figma पेज पर एडिटेबल layers के रूप में दोबारा बनता है।
Paste के पीछे क्या होता है
Isolated browser
पेज अपने अलग container में चल रहे sandboxed browser में load होते हैं, API और image decoding से अलग।
Popups रास्ते से हटे
Hide cookie banners & popups, capture से पहले consent overlays हटा देता है।
Lazy content load होता है
पेज को scroll किया जाता है ताकि scroll पर load होने वाला content मौजूद रहे, और animations freeze किए जाते हैं।
मापी गई width
Desktop frame किसी तय अंदाज़े के बजाय site की असली design width इस्तेमाल करता है।
धीमे पेजों के लिए Extra wait
Pro पर, भारी पेजों को capture से पहले load पूरा करने के लिए ज़्यादा समय दें।
एक click में re-import
Source URL frame पर save रहता है, इसलिए पेज बदलने के बाद आप उसे refresh कर सकते हैं।
URL import के पीछे की प्रक्रिया
Link paste करना तुरंत लगता है, लेकिन capture service नतीजे को visitor के देखे जैसा बनाने के लिए कई काम करती है।
- Isolated load. पेज seccomp restrictions वाले अपने container में चल रहे sandboxed Chromium browser में खुलता है। हर request SSRF protection से गुज़रती है, इसलिए किसी URL से internal addresses तक नहीं पहुंचा जा सकता।
- Clean-up. Hide cookie banners & popups on होने पर, capture से पहले consent banners और overlays हटा दिए जाते हैं।
- Lazy content. पेज को scroll किया जाता है ताकि capture चलने पर scroll पर load होने वाली images और sections मौजूद रहें।
- ठहराव. Animations freeze किए जाते हैं, और WebGL कुछ frames के बाद freeze होता है, ताकि कुछ भी transition के बीच capture न हो।
- माप. असली design width मापी जाती है: full-bleed designs के लिए 1920, boxed sites के लिए box की width, fluid sites के लिए 1440।
- Delivery. Capture किया गया structure आपके plugin को एक बार deliver होता है, फिर memory से delete हो जाता है।
Images एक अलग decoder container में process होती हैं जिसके पास internet access नहीं है। फिर plugin Figma में local रूप से layers बनाता है और verified Auto Layout लागू करता है। दूसरी भाषाओं वाले पेजों के लिए, Page language option से आप multilingual sites पर 15 भाषाओं में से एक चुन सकते हैं। Docs हर option समझाते हैं।
Speed: सही options चुनना
ज़्यादातर समय URL import को default options के अलावा कुछ नहीं चाहिए। जब आप इसे tune करना चाहें, तो कुछ settings सबसे बड़ा अंतर लाती हैं:
Screens
हर अतिरिक्त screen एक और capture है। एक पेज की screens parallel में चलती हैं, और पूरा responsive set भी एक ही import गिना जाता है। Free हर import में एक screen capture करता है; Pro और Team चार तक की अनुमति देते हैं।
Full page
पूरा scroll होने वाला पेज capture करने से आपको पूरा डिज़ाइन मिलता है। जब आपको सिर्फ़ पेज का ऊपरी हिस्सा चाहिए, तो इसे off करें।
Images
पूरे look के लिए images on रहने दें, या जब आपको सिर्फ़ layout और type से मतलब हो तो उन्हें off करें।
Extra wait (Pro)
कुछ पेज तैयार दिखने के बाद भी content load करते रहते हैं। Extra wait उन्हें ज़्यादा समय देता है ताकि देर से आने वाले sections भी शामिल हों।
Detailed layers (Pro)
यह option तब के लिए है जब आप default structure के बजाय जांचने के लिए ज़्यादा विस्तृत layer tree चाहते हैं।
अगर कोई पेज plan limit की वजह से कट जाता है, तो नतीजे में एक बैंगनी Capture limit पट्टी दिखती है, ताकि आपको हमेशा पता रहे कि आप पूरा पेज देख रहे हैं या नहीं। Plans कैसे अलग हैं, इसकी details के लिए pricing देखें।
URL imports के लिए privacy
URL paste करने का मतलब है कि हमारी capture service आपकी ओर से उस पेज पर जाती है, इसलिए यह पूछना उचित है कि data का क्या होता है।
- Rendering एक isolated, sandboxed browser में होती है।
- नतीजा आपके plugin को एक बार deliver होता है, फिर memory से delete हो जाता है। यह कभी disk पर नहीं लिखा जाता।
- Job record 15 मिनट बाद भुला दिया जाता है।
- Logs सीमित हैं: import log 180 दिनों तक रखा जाता है और IP address 30 दिनों के बाद हटा दिया जाता है, और security log 90 दिनों तक।
- कोई tracking नहीं: plugin, extension या website में कोई cookies, analytics या tracking pixels नहीं हैं, और data कभी बेचा नहीं जाता।
आपकी पहचान भी न्यूनतम रहती है। Account identifier आपकी Figma user id से बनाया जाता है, और हमें Figma से कभी आपका नाम या email नहीं मिलता। Plugin आपकी Figma file का content नहीं पढ़ता। यह नए layers लिखता है और सिर्फ़ अपने frames का metadata पढ़ता है, जैसे source URL और width।
URL import सिर्फ़ उन पेजों के लिए काम करता है जिन तक capture service एक anonymous visitor के रूप में पहुंच सकती है। Login के पीछे की किसी भी चीज़ के लिए, Chrome extension आपके अपने browser में capture करता है। पूरी details security पेज पर हैं।
अक्सर पूछे जाने वाले सवाल
कोई भी public web पेज जिसे capture service एक anonymous visitor के रूप में खोल सके। जिन पेजों के लिए login चाहिए, localhost पर local development servers और private network addresses तक इस तरह नहीं पहुंचा जा सकता; उनके लिए free Chrome extension इस्तेमाल करें, क्योंकि वह आपके अपने browser से capture करता है।
सिर्फ़ तभी जब आप चाहें। Hide cookie banners & popups on करें और capture से पहले consent banners और overlays छिपा दिए जाते हैं, ताकि वे आपके canvas पर पेज को न ढकें। अगर आप banner ही डिज़ाइन कर रहे हैं, तो इसे off रहने दें।
Desktop frame आपके monitor की नहीं, मापी गई design width इस्तेमाल करता है। Full-bleed designs को centered content के साथ 1920 मिलता है, boxed sites को अपनी box width और fluid sites को 1440। Tablet 768, Mobile 390 और Laptop 1280 fixed हैं, और Pro में Custom width भी है।
बहुत धीमे पेजों पर देर से load होने वाला content छूट सकता है। Pro पर, Extra wait पेज को capture से पहले ज़्यादा समय देता है। अगर कोई पेज plan limit की वजह से कटा है, तो एक बैंगनी Capture limit पट्टी उसे चिह्नित करती है। Results screen warnings भी list करती है।
नहीं। पेज एक isolated browser में render होते हैं और नतीजा आपके plugin को एक बार deliver होता है, फिर memory से delete हो जाता है। यह कभी disk पर नहीं लिखा जाता, और job record 15 मिनट बाद भुला दिया जाता है। कोई cookies, analytics या tracking इस्तेमाल नहीं होती।
हाँ। Source URL हर frame पर save रहता है, इसलिए आप उसे एक click में re-import कर सकते हैं। यह releases के दौरान किसी पेज को track करने या design review से पहले reference refresh करने के लिए उपयोगी है, बिना address दोबारा paste किए या import settings फिर से किए।
Web को दोबारा बनाना बंद करें।
Link paste करें और कुछ ही सेकंड में असली, एडिटेबल, रिस्पॉन्सिव Figma layers पाएं। शुरुआत free — हर महीने 10 imports।
कोई credit card नहीं। Pro, Figma के अंदर ही खरीदा जाता है।
जल्द ही Figma Community पर