आयात

1Figma

1. Figma में File, Save local copy चुनकर .fig फ़ाइल पाएँ।
2. इसे फ़ाइल, आयात, Figma (Cmd+Shift+F), होम के कार्ड, डबल-क्लिक या विंडो पर ड्रॉप करके खोलें।
3. जो पेज चाहिए उन्हें चुनें, या सभी पेज आयात करें।
4. पोज़िशन जैसी हैं वैसी रखने के लिए Figma लेआउट संरक्षित करें चुनें, या स्टैक दोबारा बनाने के लिए Design Editor ऑटो लेआउट।

जो कुछ भी हूबहू नहीं आ सका, वह चेतावनी के रूप में दिखता है। Figma में लेयर कॉपी करके यहाँ पेस्ट करना भी काम करता है।

2pen.dev

.pen फ़ाइल एक नए शीर्षकहीन डॉक्यूमेंट के रूप में खुलती है; मूल फ़ाइल में कभी कुछ वापस नहीं लिखा जाता। शेडर, स्क्रिप्ट, नोट और ब्राउज़र नोड साथ आते हैं।

3SVG और इमेज

इमेज टूल PNG, JPEG, GIF, WebP और SVG फ़ाइलें रखता है; SVG एडिट करने लायक वेक्टर लेयरों में बदल जाता है। रास्टर इमेज सीधे कैनवास पर ड्रॉप भी की जा सकती हैं।

4HTML

फ़ाइल, आयात, HTML (Cmd+Shift+H) एक .html या .htm फ़ाइल लेता है, या उसकी स्टाइल और इमेज के साथ एक .zip। यह CSS cascade, वेरिएबल, media queries और grid को मानता है, और बताता है कि किन चीज़ों को लगभग जैसा बनाना पड़ा।

de import:html https://example.com --viewport-height 900

5स्क्रीनशॉट दोबारा बनाएँ

होम का स्क्रीनशॉट कार्ड PNG या JPEG को एजेंट के पास भेजता है, जो उसे एडिट करने लायक डिज़ाइन के रूप में दोबारा बनाता है।

6Chrome एक्सटेंशन

रिपॉज़िटरी में मौजूद एक्सटेंशन आप जो पेज देख रहे हैं उसे चल रहे एडिटर में कैप्चर करता है। यह पूरा पेज कैप्चर कर सकता है, कोई एक एलिमेंट चुन सकता है, design.md निकाल सकता है, या .de फ़ाइल डाउनलोड कर सकता है।