导入从＆＃39做出反应;反应＆＃39;导入{查看，文本，图像，样式表}从＆＃39;反应当地＆＃39;从＆＃39导入{svg};反应 - 本地svg＆＃39;出口默认函数FigmatoreAct（）{return（＆lt;查看style = {figmatoreactstystyles.figmatoreact}＆gt;＆gt;图形＆gt;图＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt。 ＆GT;＆LT;查看风格= {FigmatoReactStyles.TabMenu}＆GT;＆LT; TabButton /＆GT;＆LT; TabButton /＆GT;＆LT; TabButton /＆GT;＆LT; /视图＆gt;＆LT;代码/＆GT;＆LT; /视图＆gt;）} Const FigmatoreActStyles = stylesheet.Create（{FigareAct：{BackgroundColor：＆＃39;＃F9F9F9＆＃39;}，标题：{宽度：643，高度：109，边际：＆＃39; 318 60＆＃39 ;,颜色： ＆＃39;＃000000＆＃39;，fontfamily：＆＃39; inter，sans-serif＆＃39; fontsize：90，fontweight：＆＃39; 500＆＃39;，lineheight：105.46875，textalign：＆＃39;中心＆＃39;，tabmenu：{宽度：990，高度：84，边距：＆＃39; 144 517＆＃39;}，}）}}}}} {return（＆lt;查看style = {inputfieldstyles.inputfield }＆gt;＆lt;看style = {inputfieldstyles.shape} /＆gt; ＆lt; text style = {inputfieldstyles.label}＆gt;图MAN URL：＆lt; / text＆gt; ＆lt; text style = {inputfieldstyles.value}＆gt; https://www.figma.com/file/qosblly02hcwkjdecodamn＆lt; / text＆gt; ＆lt; / view＆gt; ）} const inputfieldstyles = stylesheet.Create（{Inputfield：{宽度：945，高度：83，边缘：＆＃39; 167 213＆＃39;}，形状：{宽度：＆＃39; 76.08％＆＃39; ，高度：＆＃39; 100％＆＃39 ;,Borderradius：8，边缘：＆＃39; 226 0＆＃39 ;,背景彩色：＆＃39;＃ffffff＆＃39;，bordercolor：＆＃39;＃888888 ＃39;，边界宽：2，}，标签：{宽度：216，高度：48，颜色：＆＃39;＃000000＆＃39;，fontfamily：＆＃39; inter，sans-serif＆＃39;，fontsize： 40，FONTWEIGHT：＆＃39; 500＆＃39;，LINEHEIGHT：46.875，TextAlign：＆＃39;右和＃39;，}值：{宽度：＆＃39; 115.34％＆＃39;，高度：＆＃ 39; 57.83％＆＃39;，边际：＆＃39; 246 17＆＃39;，颜色：＆＃39;＃000000＆＃39;，fontfamily：＆＃39; inter，sans-serif＆＃39;，fontsize： 40，Fontweight：＆＃39; 500＆＃39;，lineheight：46.875，}，}）函数按钮（）{return（＆lt;查看style = {buttonstyles.button}＆gt;＆gt;＆gt; text style = {buttonstyles.label} ＆gt;生成＆lt; / text＆gt;＆lt; / power＆gt;）} const buttonstyles = stylesheet.create（{按钮：{宽度：450，高度：120，borderradius：16，边缘：＆＃39; 417 321＆＃39;，背景颜色： ＆＃39;＃2d9cdb＆＃39;，标签：{宽度：＆＃39; 40％＆＃39;，高度：＆＃39; 40％＆＃39;，边际：＆＃39; 135 36＆＃39; 135 36＆＃ 39;颜色：＆＃39;＃ffffff＆＃39; fontfamily：＆＃39; inter，sans-serif＆＃39;，fontsize：40，lineheight：46.875，textalign：＆＃39;中心＆＃39;，textalignvertical ：＆＃39;中心＆＃39;，}，}）函数代码（）{return（＆lt;查看style = {codestyles.code}＆gt; ＆lt;查看style = {codestyles.rectangle1} /＆gt; ＆lt; text style = {codestyles.outputcode}＆gt;文字＆lt; / text＆gt; ＆lt; / view＆gt; ）} const codestyles = stylesheet.Create（{Code：{宽度：990，高度：422，边缘：＆＃39; 144 601＆＃39;}，矩形1：{宽度：＆＃39; 100％＆＃39; ，高度：＆＃39; 100％＆＃39;，Borderradius：8，背景彩色：＆＃39;＃ffffff＆＃39;，bordercolor：＆＃39;＃dddddd＆＃39;，nayedwidth：1，}，OutputCode： {宽度：＆＃39; 95.56％＆＃39;高度：＆＃39; 6.87％＆＃39;，边际：＆＃39; 23 24＆＃39 ;,颜色：＆＃39;＃000000＆＃39; ，fontfamily：＆＃39; inter，sans-serif＆＃39; fontsize：24，lineheight：28.125，}}）函数tabbutton（）{return（＆lt;查看style = {tabbuttonstyles.tabbutton}＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;＆gt;查看style = {tabbuttonstyles.shape} /＆gt;＆lt; text style = {tabbuttonstyles.label}＆gt;反应web＆lt; / text＆gt;＆lt; / dement＆gt;）} const tabbuttonstyles = stylesheet.create（{tabbutton：{宽度：330 ，高度：84，}，形状：{宽度：＆＃39; 100％＆＃39;，高度：＆＃39; 100％＆＃39;，borderradius：8，背景彩色：＆＃39;＃eeeeee＆＃39 ;，博登：＆＃39;＃000000＆＃39;，边界宽：2，}，标签：{宽度：＆＃39; 100％＆＃39;，高度：＆＃39; 57.14％＆＃39;，颜色：＆＃39;＃000000＆＃39;，f ontfamily：＆＃39; inter，sans-serif＆＃39;，fontsize：40，lineheight：46.875，textalign：＆＃39;中心＆＃39; textAlignvertical：＆＃39;中心＆＃39;}，}）
图形是反应转换图形绘制（帧）以反应代码（反应本地和Next.js）。