Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>ReactXDNew to Visual Studio Code? Get it now.
ReactXD

ReactXD

creaddiscans

|
76 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

How to Use

  1. Export Html from adobe XD using Web Export plugin

  2. Ctrl + Shift + P > Import Html From XD

  3. Open the exported Html file

  4. Set the component Name

  5. Move the created tsx and scss files from root to proper folder

Adobe XD Guid

  1. id가 main인 요소의 내부만 파싱합니다.

  2. 반복되는 요소의 그룹은 loop_XXX 로 네이밍 하며 내부 요소는 item0부터 위치 순서대로 id를 매겨야합니다.

  3. XD에서 반복되는 요소의 최대치를 디자인 해야햅니다.

  4. 반복되는 요소는 데이터의 최대치가 첫번째 요소에 들어있어야합니다.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft