2023年06月17日(土)
任意のWebサイトを編集可能なFigma用ファイルに変換できる・「html.to.design」
html.to.design
html.to.designは任意のWebサイトを編集可能なFigma用ファイルに変換できるサービスです。手順も簡単で、専用のChrome拡張をインストールし、変換したいWebサイトで実行すると、全ページか部分的かの選択が出ますので選択。すると.h2dという拡張子のファイルをDL出来るようになります。
Figmaにてhtml.to.designを使用し、.h2dファイルをインポートすればFigmaで任意のWebサイトを編集できるようになります。手軽でとても良いですね。
実際何度か試しましたが、精度としては100%ではないものの特に問題なさそうでした。無料プランは30日に12回まで、有償プランは無制限且つ一度に複数編集可能になるなどの特典があるそうです。
html.to.design
0
0
1
4
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『任意のWebサイトを編集可能なFigma用ファイルに変換できる・「html.to.design」』についてまとめています。
この記事は特にGoogle・Chrome・Webサービスについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
