Figma + Amplify Studio で React コンポーネントのコードを自動生成する
AWS の Amplify Studio で Figma のコンポーネントを React コンポーネントに変換してみまし…
gaji-staff
が投稿した記事一覧
Gaji-Labo Staff
Gaji-Laboの社内デジタル環境でいろいろなお手伝いをしているがじ専務＆じら常務。みんなのシリーズ記事をまとめたり、卒業したスタッフの過去記事を記録したり、Twitterをやったりしています。
React+TypeScript で作る SVG のためのシンプルな Icon コンポーネント
今回は React と TypeScript で複数の SVG を一括で管理するためのシンプルな Icon コンポーネン…
gaji-staff
本当に必要なnpmパッケージを見つけるために知っておきたい5つのサイト
npm パッケージを探したり比較したいときにみなさんはどうしていますか？シンプルにググるという方法も考えられますが、今回…
gaji-staff
「Pitchdeck」を使って Figma でプレゼンを作ってみた
Figma はデザインツールとして大きな地位を占めるようになりましたが、プレゼンのスライドを作成するのにも便利とのことで…
gaji-staff
Figma から React のコードを生成する！「Figma to HTML, CSS, React & more!」
今回は Figma から React のコードを生成できるプラグイン「Figma to HTML, CSS, React…
gaji-staff
【デザインメモ】フォームの「必須入力」をブラウザ準拠でやったときの見映えをまとめました
デザインにあたって、フォームを作る場合に必須系バリデーションのデザインをする機会は多々あります。そこで、自ら実装するので…
gaji-staff
Storybook Connect を使って Figma で Storybook のコンポーネントを確認する
はじめに こんにちは kimizuy です。 今回は Storybook Connect プラグインを使って Figma…
gaji-staff
デザイナーもレビューできる！チーム全体で UI コンポーネントを確認するための Chromatic
はじめに こんにちは kimizuy です。 以前に「デザイナーも確認できる！Chromatic で Storybook…
gaji-staff
Atomic DesignにおいてBEMのBlock？Element？問題に似たことが起こる話
Atomic Designの採用にあたりよく思う「これをどのレイヤーで実装するか」という考えが「BEMでいうとBlock…
gaji-staff