マガジンのカバー画像

Figma のまとめ

291
本
デザインツール Figma の使い方、良い紹介などをまとめたマガジンです。
運営しているクリエイター
HikaruTayama
Haru

Haru

Reactが書けないデザイナーがAWS Amplify StudioとFigmaを使ってReactコンポーネントコード生成

Reactが書けないデザイナーがAWS Amplify StudioとFigmaを使ってReactコンポーネントコード生成

HTMLとCSSは大方理解しているがJSはほんの少しだけ、Reactなんて書けませんみたいなレベルのデザイナーがAmplify Studioを使ってFigmaで作ったデザインをReactコード生成してみました。
こちらのチュートリアルが非常にわかりやすかったです。

※利用するにはFigmaアカウントとAWSのアカウント、Githubアカウントが必要

アプリケーションのデプロイやらロールの作成や

もっとみる
Yuji Mine

Yuji Mine

Figmaのプラグインを使って、ノーコードでHTMLメールを生成する

Figmaのプラグインを使って、ノーコードでHTMLメールを生成する

こんにちはフロントエンドエンジニアの峯です。

HTMLメール用の作成をHTMLコードベースで作成する場合、想像以上に課題が多くあります。通常のWeb上で利用するマークアップ手法では、デザイン崩れなどが発生してしまいます。

また、デザイナーがデザインしたものをエンジニアマークアップするため、もちろんその分の工数が発生します。

主な課題Tableレイアウトを使ったレイアウトが基本

通常のWeb

もっとみる