How do I install the VS Code plugin?
Open VS Code, click the Extensions icon or press
Ctrl+Shift+X(Cmd+Shift+Xon macOS), search for "FRONT-END.AI", and install. Then launch the plugin via the sidebar icon.
Are there any pixel size limits for design comps?
There are no specific limits. However, extremely long or content-heavy design comps may take longer to process (e.g., a 26,000px-long landing page took approximately 9 minutes to analyze).
Are there tips for accurate code generation?
If you experience low detection accuracy, please try the following:
If assets are not uploaded, add the necessary assets.
Do not use GIF animation images.
Do not include unnecessary assets. (Example: Do not mix assets from the mobile design comp into the PC design comp.)
Where is the generated code saved?
You can specify the directory in VS Code. After processing, the generated code will be shown and can be edited or used as needed.