Adobe XDで作ったデザインからhtmlとcssを自動生成できるAnimaというプラグインがある。
www.animaapp.com
コーディングの手間を省けることで人気のプラグインだが、実際に使ったらXDのデザインを再現できなかった。
- タブバーの下線がない
- ロゴが表示されない
- 中央揃えの要素が左右にズレる
- ブロック間に設定したマージンが消えている
ただhtmlのベースは参考にできるので、これを元にcssを書き直せば使えそうだと感じた。生成されたコードをそのまま使えるわけではないが、時間の短縮にはなりそうだ。