テクノロジー

これは便利すぎる! Webページをコピペで、編集可能なFigma用に変換できる拡張機能「Copy to Figma」しかも完全無料

1: coliss 2026/06/11 10:50

Webページや特定のセクションをコピペで、Figmaの編集可能なレイヤーに変換できる拡張機能、サブスクなし、完全無料

2: Falky 2026/06/11 11:11

オートレイアウトもいけるのか。html.to.designと使い比べてみようかね

3: doiman3d 2026/06/11 11:20

これいいね

4: unknownlabel 2026/06/11 11:38

そのままコピペでぺたっと貼れた、凄いね

5: short_tanu 2026/06/11 12:25

AIいらずってこと?すごいね

6: tzk2106 2026/06/11 12:33

すごいな……!

7: ejointjp 2026/06/11 12:37

ウェブのリバースエンジニアリング

8: fashi 2026/06/11 13:17

去年別業者に作ってもらったページを下敷きにして今年度版を作って下さい、元の素材?ないです。とか頼まれた時に使えるかな

9: ku_marin 2026/06/11 13:22

めちゃくちゃ便利。最新デザインデータない時にAIに投げて起こさせるより遥かに楽。ありがたい / Figma公式から全く同じ拡張機能が発表されましたのでそちらを使用します。ありがとう Copy to Figma…

10: yoiIT 2026/06/11 13:42

便利で楽すぎ。なんでFigmaはこの機能をデフォルトで作らなかったんだ?

11: latteru 2026/06/11 14:08

フィッシングサイト作るのに適してそう

12: inazuma2073 2026/06/11 14:15

似たような仕組みを作ってClaude Codeあたりに指示できるやつ作ろうと思った(Figma使ってないから)

13: chiba1008 2026/06/11 14:19

もうFigmaとか使いたくないんだよねー

14: tempodeamor 2026/06/11 14:29

Claudeでぼんやりしたテンプレサイト作るより、これでデザインを勉強した方がええやん。

15: arjen__robben 2026/06/11 14:41

「フィッシングサイト作るのに適してそう」←それならFigma通す必要がない

16: sumika_fijimoto 2026/06/11 14:49

すげえとは思うけどパッと有効活用方法が思い浮かばない

17: sabinezu 2026/06/11 14:52

パクリ推奨ツールみたいで好きじゃないなこの流れ。これを物理の商品でやったらパクリになるし、イラストでもそうだし、トレースですら炎上するのになぜWebはパクリ放題なんだ?オリンピックのロゴで騒いでたくせに。

18: fusionstar 2026/06/11 14:59

Figma に送るツール、だいたいレイアウトがめちゃくちゃになりがち (そのくせ有料とか) だったので助かる。

19: iasna 2026/06/11 15:19

どうやってWebページをフィギュアに???と思ったら全然違う話だったので廊下に立ってます

20: mayumayu_nimolove 2026/06/11 15:28

前からなかったっけ?

21: salar_de_uyuni 2026/06/11 15:29

最高やな

22: strawberryhunter 2026/06/11 16:15

この期に及んでFigmaか。負債を増やすツールだな。

23: minetty99 2026/06/11 16:29

これマジで何が便利になるん?デザイナーが参考サイトからデザイン流用する時くらい?

24: nakayossi 2026/06/11 16:44

フィッシングサイトならhtmlダウンロードするだけでつくれるでしょ。cssやjsふくめてzipでダウンロードできるツールもあるし

25: takeox 2026/06/11 17:04

人のページデザインをパクリ放題ってこと?

26: matsuedon 2026/06/11 17:05

技術力ない人でも簡単にフィッシング、って意味ではちょっとどうだろうって気持ちにはなるよね。正しくつかわれるといいね。

27: FreeCatWork 2026/06/11 17:17

え〜、ボクにも使わせてにゃ? 魔法みたいでフワフワするにゃ!

28: tmayuko312 2026/06/11 17:37

前任者がバックレてデータがない時に使えそう。あるいは部分的にリニューアルする時に使えそう。

29: atsushieno 2026/06/11 17:52

HTML DOMをCSS込みで取り込むのはいろいろやり方があって面倒そうだから外部ツールにやらせるほうがFigma側としてはエンジニアリングコストを節約できる

30: kyukyunyorituryo 2026/06/11 17:55

reactや仮想DOMのページでも編集可能かな

31: gomentic 2026/06/11 18:35

デザインデータのないUIリニューアルをするときに使えそう。現行と比較がはかどる

32: gamil 2026/06/11 18:49

記事の内容よりもコリスってまだあったんだというところに驚き

33: shimasoba 2026/06/11 19:13

なにがどう便利になるのかさっぱり分からない記事ですね…。^^;

34: suekunhello 2026/06/11 19:40

非難するほどでもない。昔からサイト丸ごと取得してくるSite Succer、ウェブページをPhotoshopレイヤーとしてダウンロードするWebToLayersなど存在してますし。

35: wacok 2026/06/11 20:56

figma公式のプラグインと何が違う?と思うけどローカルHTMLもいけるなら試してみるかな

36: yarukinasu 2026/06/11 21:04

figmaすご🙄

37: dalmacija 2026/06/11 22:09

AIコーディングでこういうツールは増えると思うな

38: poponponpon 2026/06/11 23:04

それよりもこのサイト久々に見たなー、まだあったんだなーという感動

39: bnckmnj 2026/06/11 23:31

趣味ならいいんじゃん。でも趣味だとしても、わざわざデザインが下手になる行為だと思うから、なにがしたいのか…。

40: kondoly 2026/06/11 23:47

編集ができるのが大きく、コードの著作や記述方法を完全に無視した世代のものというか、AIコーダーの発想ぽいというか。今時個人サイトを組む人もそういないだろうに何目的でユーザーがいるのか考えると末恐ろしい。

41: charun 2026/06/15 21:23

42: eriotto 2026/06/17 12:14

スタッフ作成のちゃんとしたpsdからある程度再現率でhtmlを出力するプログラムを書いたんだけど、それをfigmaにするの良いかも