అనుకూల చర్య
సారాంశం
కోడ్ జనరేషన్ ఫీచర్లు
AI అసిస్టెంట్ సైడ్బార్
చిట్కాలు
విజన్ మోడల్ సెలెక్టర్
ఉత్తమ ఫలితాల కోసం, స్పష్టమైన UI మూలకాలతో అధిక-రిజల్యూషన్ చిత్రాలను ఉపయోగించండి. మరింత ఖచ్చితమైన కోడ్ జనరేషన్ కోసం ప్రతి మూలకం చుట్టూ గట్టిగా పెట్టెలను గీయండి. అస్పష్టమైన వివరణల కంటే నిర్దిష్ట ప్రవర్తనలను కేటాయించండి - "సైన్అప్ మోడల్ను తెరుస్తుంది" అనేది "ఏదో చేస్తుంది" కంటే మెరుగ్గా పనిచేస్తుంది. AI సాధారణ వెబ్ లేఅవుట్లు మరియు సాధారణ UI నమూనాలతో ఉత్తమంగా పనిచేస్తుంది.
విజన్ మోడల్ సెలెక్టర్
మీ చిత్రాలను విశ్లేషించడానికి మరియు అవుట్పుట్ను రూపొందించడానికి మీరు ఉపయోగించాలనుకుంటున్న AI విజన్ మోడల్ను ఎంచుకోండి. వేర్వేరు నమూనాలు వేర్వేరు స్థాయి వివరాలు మరియు ఖచ్చితత్వాన్ని ఉత్పత్తి చేయవచ్చు.
ఫ్రేమ్వర్క్ సెలెక్టర్
మీరు కోడ్ జనరేషన్ కోసం లక్ష్య ఫ్రేమ్వర్క్ను ఎంచుకోండి (ఉదా., React, Vue, Svelte). రూపొందించబడిన కోడ్ ఎంచుకున్న ఫ్రేమ్వర్క్ యొక్క సింటాక్స్ మరియు నమూనాలను ఉపయోగిస్తుంది.
భాగం/వైర్ఫ్రేమ్ ట్యాబ్లు
భాగం కోడ్ను (భాగం ట్యాబ్) లేదా వైర్ఫ్రేమ్ లేఅవుట్ను (వైర్ఫ్రేమ్ ట్యాబ్) రూపొందించడానికి మారండి.
చిత్ర సమూహాలు
ప్రస్తుత రివర్స్ ప్రాజెక్ట్ కోసం మీ అన్ని చిత్ర సమూహాలను జాబితా చేస్తుంది. ఉత్పత్తి చేయడానికి ఒక సమూహాన్ని ఎంచుకోండి మరియు దాని చిత్రాలను ప్రివ్యూ చేయండి. ప్రతి సమూహం దాని చిత్ర గణనను చూపుతుంది.
కోడ్ & వైర్ఫ్రేమ్ జనరేషన్
బ్లాక్లను రూపొందించండి
జనరేషన్ను ప్రారంభించడానికి క్లిక్ చేయండి. AI ఎంచుకున్న సమూహం యొక్క చిత్రాలు మరియు ఏదైనా బౌండింగ్ బాక్స్ వ్యాఖ్యలు మరియు ప్రవర్తనలను విశ్లేషిస్తుంది మరియు అవుట్పుట్ను ఉత్పత్తి చేస్తుంది.
కోడ్ను రూపొందించండి
వ్యాఖ్యానించబడిన చిత్రాన్ని మీ లక్ష్య ఫ్రేమ్వర్క్లో పనిచేసే భాగం కోడ్గా మార్చండి. రూపొందించబడిన కోడ్లో లేఅవుట్, శైలి మరియు మీరు బౌండింగ్ బాక్స్లలో నిర్వచించిన ఏదైనా ప్రవర్తన ఉంటుంది.
AI అసిస్టెంట్ సైడ్బార్
వైర్ఫ్రేమ్ను రూపొందించండి
వైర్ఫ్రేమ్ సాధనంలో ఉపయోగించడానికి వ్యాఖ్యానించబడిన చిత్రాన్ని ఎగుమతి చేయండి. ప్రతి బౌండింగ్ బాక్స్ వైర్ఫ్రేమ్ మూలకంగా మారుతుంది, దీనిని మీరు మరింత మెరుగుపరచవచ్చు, పునర్వ్యవస్థీకరించవచ్చు మరియు ఇతర స్క్రీన్లకు కనెక్ట్ చేయవచ్చు.
ఫ్రేమ్వర్క్ ఎంపిక
జనరేషన్కు ముందు మీ లక్ష్య ఫ్రేమ్వర్క్ను ఎంచుకోండి. మద్దతు ఉన్న ఫ్రేమ్వర్క్లలో React, Vue, Svelte, SolidJS, Angular మరియు మరిన్ని ఉన్నాయి.
ప్రవర్తన మ్యాపింగ్
బౌండింగ్ బాక్స్లకు కేటాయించిన ప్రవర్తనలు ఈవెంట్ హ్యాండ్లర్లు, నావిగేషన్ లాజిక్, మోడల్లు మరియు ఉత్పత్తిలో ఇతర ఇంటరాక్టివ్ కోడ్లుగా అనువదించబడతాయి.
లేఅవుట్ ఖచ్చితత్వం
AI బౌండింగ్ బాక్స్ స్థానాలు మరియు చిత్రంలోని పరిమాణాలను ఉపయోగించి అసలు దృశ్య రూపకల్పనకు దగ్గరగా ఉండే లేఅవుట్ను ఉత్పత్తి చేస్తుంది.
బ్లాక్లకు సేవ్ చేయండి
రూపొందించబడిన భాగాలను మీ బ్లాక్ల లైబ్రరీకి నేరుగా సేవ్ చేయవచ్చు, తద్వారా మీరు వాటిని ప్రాజెక్ట్లలో తిరిగి ఉపయోగించవచ్చు.
అవుట్పుట్ మోడ్లు
మీరు బౌండింగ్ బాక్స్లతో చిత్రాన్ని వ్యాఖ్యానించిన తర్వాత, మీరు పనిచేసే భాగం కోడ్ను లేదా వైర్ఫ్రేమ్ లేఅవుట్ను రూపొందించవచ్చు. AI బౌండింగ్ బాక్స్ స్థానాలు, మూలకం రకాలు మరియు ప్రవర్తన దిశలను ఉపయోగించి ఖచ్చితమైన అవుట్పుట్ను ఉత్పత్తి చేస్తుంది.