２年前の宣言と、今回の撤回について
■怒っている、というのとは少し違うんですが。 ■この度のワンフェスで、新たな武装神姫への関わりについて話させて頂きました。話し言葉でしたし、伝聞でニュアンスが変化してゆく事もあるかと思いますので、一度テキストにまとめさせていただきます。 ■２年前の2018年2月18日に行われたワンダーフェスティバルのメガミデバイストークショーにおいて、自分は新武装神姫プロジェクトに関わってゆく旨を宣言致しました。 これは一方的に発言したものでは無く、先方の依頼で始まり、１年近くの話し合いの末、立体化だけではなく、ゲームや、一度終了した旧神姫との間をどう説明するのか、世界観の設定にも関与してゆくという約束の元、具体的な条件面を決める段階まで来たゆえに出来た事で、発表の場に先方プロデューサーも参加されています。 この時点では主にモバイルが中心でした。アーケードに関してはまだ動いておらず展望についてのみ話を
Figmaを活用し、職種を超えて全員でデザインするための工夫
本連載では、SmartBankのデザイナーが「デザイナーの業務効率化」をテーマに、FigmaやNotionを活用した「業務効率改善のTips」を紹介していきます。今回焦点を当てるのは「Figmaを活用し、職種を超えて全員でデザインするための工夫」についてです。 こんにちは！SmartBankでデザイナーをしている福嶋（putchom）です。 2022年9月にふたりめのデザイナーとしてSmartBankに入社し、現在はおもにプロダクトのUIをデザインしたり、デザインシステムを設計したりしています。私たちは、「B/43」というVisaプリペイドカードと家計簿アプリがひとつになった新ジャンルのサービス「家計簿プリカ」を運営しているのですが、チームメンバー全員でサービスをデザインできるように、デザインを透明化し目線を揃えた上で有意義な議論ができるようにしています。 第6回ではプロトタイピングや詳細
リリース以来数多くのアップデートが行われ、多機能になっていくFigma。今回はそんなFigmaの基本機能を使用した、簡単なデザイン作成やあしらいづくりに活かせる表現TIPSを紹介します。 テキストの表現 マスク機能やエフェクト、そしてレイヤーのブレンドモードを使用したテキストの表現をいくつか紹介します。 TIPS：画像をテキストでマスクする マスク機能を使用して、画像をテキストの形に切り抜きます。 以下の手順で切り抜きます。 画像とテキストレイヤーを用意 画像が前面になるようにして、画像とテキストレイヤーを重ねる 両方のレイヤーを選択状態にして、右クリックメニューから［マスクとして使用］を選択（ショートカットキーは、Mac：control + command + M、Windows：Ctrl + Alt + M） マスクした後も、テキストレイヤーは編集可能です。 さらに画像をレイヤーブラー
こんにちは！Amplifyの改善を行っている @watilde です。この記事は AWS Amplify Advent Calendar 2021 と Figma Advent Calendar 2021 の 25 日目の記事です。 Amplify Studio の発表 2021年の12月3日に開催された re:Invent にて Amplify Studio が発表されました。新機能としてFigmaでデザインしたコンポーネントを Amplify Studio にてデータベース内のテーブルのスキーマと紐付けし、可読性の高い React のコンポーネントとして出力する “Figma to code” が追加されました。 https://docs.amplify.aws/console/ 本記事では、amplifyコマンドがどのように Figma, Amplify Studio で設定したコン
Convert Figma Designs to Chakra UIGet production-ready code direct from Figma, and accelerate your development process
【更新】「オレだけの西川兄貴で遊ぶの楽しすぎる」西川貴教さん、自らのフィギュアで無茶苦茶しているファンを見守る「いいぞ、もっとヤれ！」
西川貴教 @TMR15 (株)Diesel Corporation 代表取締役社長、(株)MAGES. 特別顧問、滋賀ふるさと観光大使、滋賀県文化功労賞受賞、イナズマロック フェス、イナズマフードGPXL、稲妻イグナイト 主催、B-PROJECT 総合プロデューサー、(株)平和堂 特命GM、(株)滋賀トヨタ 公式アンバサダー takanorinishikawa.com 西川貴教 @TMR15 いよいよS.H.Figuarts T.M.Revolutionが全国の皆さまのお手元に届きはじめてるようで、続々と西川フィギュアの画像がSNSに溢れて参りました！是非かわいがってやって下さい！本体の方は今日明日と #バーン・ザ・フロア 東京公演で日本青年館におります！ pic.twitter.com/Yk5FuUrRbp 2023-06-17 11:35:07 リンク ファミ通.com T.M.Rev
『葬送のフリーレン』人気キャラ3人のフィギュア化が決定→フリ���レン公式からは「アウラ フィギュア」のお言葉 シュタルクは泣いていい
みんと🖋️ @snmn_812 フリーレンでもなく フェルンでもなく 「アウラ フィギュア」とだけ呟くこの公式ほんと好き そしてしれっと置いてかれるシュタルク twitter.com/FRIEREN_PR/sta…
【最終報告書】Figure-riseLABO 式波・アスカ・ラングレー - ホビー事業部の開発ブログ
本報告書ではFigure-riseLABO 式波・アスカ・ラングレーの研究開発について最終結果の報告をおこなう。 今回、これまでとは異なるプラモデルによる表現を探求すべく、 式波・アスカ・ラングレーのテスト用プラグスーツの再現に取り組んだ。 研究テーマは「肌と密着した透明スーツ表現」 まずは研究開発の成果をご覧いただきたい。 なお、本記事における完成品の画像は全て無塗装である。 我々はレイヤードインジェクションの活用により プラグスーツ[クリアオレンジ]・胸当て[イエロー]・肌[ペールオレンジ] の３層を実際に積層することでテスト用プラグスーツの再現に取り組んだ。 一見して今回のアスカのパーツと従来のFigure-riseLABOのパーツとでは レイヤードインジェクションの活用方法が同じように思える。 しかし、今回従来と大きく異なる点はレイヤードインジェクションで再現している１つのパーツの
明けましておめでとうございます。 BASE株式会社でUIデザイナーをしている野村(@nomjic)です。 外出自粛ムードに拍車がかかる昨今、週末や連休でもなるべく外に出るのを控えたいところですね。 家に籠もって読書して過ごそう、という人も多いのではないでしょうか。 そんなわけで一つ、読書ネタを書いてみたいと思います。 と言っても「連休に読むオススメ本10選」みたいな話ではなく、読書へのモチベーションの高め方とか、習慣化とかに繋がるような話をさせてもらおうかと。 話す内容をざっくり言うと「デザインチームで読書会を始めてかれこれ3ヶ月経ったのでその報告」です。 ちなみに開発チームでの読書会についての記事という記事が先月アップされていますが、あちらに比べてこちらの内容はだいぶゆるいです。 知識や技術を身に付けることよりも、会の参加メンバーが読書を習慣化することを支援するとか、チームメンバー間のコ
食品サンプル屋が作った「マスクに付けられるごはん粒」が面白かわいいと大人気 「意味分からないけど欲しい」「『付いてるよ』って注意されたい」
マスクを納豆やオクラで彩れる、トリッキーな食品サンプルが9月25日に発売後、即完売するほどに人気です。メーカーは2月にアスパラベーコン型印鑑ケースで話題を呼んだ、ながお食研（関連記事）。いろいろ考えるなあ……！ 納豆 マスクアクセサリー オクラ版 チキンライス版 全部付けるとやり過ぎかも。価格は各770円（税込）です 食品サンプルとマグネットで、マスクをはさんで留めるアクセサリー（※）。ワンポイントのアクセントに、会話のきっかけにと使えそうです。マスクに限らず、薄手の生地ならばシャツにも付くので、いろいろ遊べそう。 ※：磁石使用のため、ペースメーカー等の医療機器を装着している人は使用できません 同梱の磁石でマスクに装着 Twitterでは「意味がわからないけどめっちゃ欲しい」「オクラが可愛い」「しれっと付けて、『付いてるよ！』って注意されたい」「口に青のりってレベルじゃねぇなw」などと好評
FigmaでUIのアイコンを使うならコレ！ 高品質でシンプルにデザインされた1100種類のアイコン素材 -Untitled UI Icons
WebサイトやスマホアプリのUIデザインにぴったり、Figma用の高品質でシンプルにデザインされたアイコン素材を紹介します。 たとえば、アローだけでも90種類以上、ホーム・サーチ・カート・メールなども複数のデザインで用意されており、UIにぴったりなのが見つかると思います。 Figmaなので、カラーやストロークの太さなどは簡単に変更できます。 Untitled UI Icons Untitled UI Iconsは、高品質でFigma用のアイコンが見つからなかったので作成した、とのことです。 UIデザイン用にクリーンで一貫性のあるニュートラルなアイコンライブラリで、Figmaのために、Figmaで作成されています。
2023年、Web制作・デザインに役立つ記事の総まとめ
2023年、当サイトで公開した記事の中からPocketにたくさん保存された記事やXにポストされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 UI/UX関連 デザインのテクニック・インスピレーション Photoshop, XD, Figma, VSCodeなどツール フォント・タイポグラフィ カラー HTML CSS: 基礎知識 CSS: 実装テクニック JavaScript フレームワーク��ライブラリ 無料素材 便利ツール・サービス 当サイトの購読は、RSS Feedを利用すると便利です。 コリスのRSS Feed ※旧Feedに登録されている人がまだ多いので変更をお願いします。 Web制作全般 2023年のもっとも大きなニュースの一つは、ChatGPTをはじめとするAIです。どのジャンルでもそうですが、完全に任せるのではな
Ubie Design Tokensを公開しました
こんにちは、Ubie株式会社でデザインエンジニアをやっているtakanoripです。 Ubieではデザインのクオリティと生産性向上のためデザイン生産基盤の整備に力を入れています。 今回その一環として開発したデザイントークンをnpmパッケージとして公開しました。（現在はColorのみ。） 開発経緯 Ubie Design Tokens開発以前からデザイントークンのようなものは存在しており、CSS Variablesとして実装されていました。しかしユースケースを想定せず作った変数があったり定義が細かすぎたりしたことで「どの変数をどういう場面で使用すれは良いかわからない」という問題が発生していました。 そこで変数の定義を見直し、より実際のデザインに即したデザイントークンを策定するとともに、プロダクトごとの実装差異をなくすためのライブラリの開発に着手しました。 Colorの定義 Ubie Desi
Atlas Icons
Open source free icons library, available in variable stroke SVG format, web font, Figma, React, Vue and Flutter ready to use packages
こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。 最近、プロダクトやサービスの内容を紹介する手段として、イラストやモーショングラフィックなどを用いた動画が使用されているのをよく見かけます。 そこで今回は、サービスの内容を1~2分でまとめたサービス紹介動画を複数ピックアップし、その構造を分析してみることにしました。 はじめに本記事を書くに至った経緯私は現在、映像のデジタル合成やモーショングラフィックの制作などができるAdobeのソフト“After Effects”の学習をしています。 直近のゴールとして、モーショングラフィックを用いたサービス紹介動画を作れるようになろう！ということで、今回の記事はその学習の一環としてまとめました✍️ 動画で伝えるために大切なことAfter Effectsのスキルも重要なのですが、サービス紹介をする上でより重要なのはそのストーリー構成
このメガニータン、輸送遅延が発生していたそうですが、今月ついに発送されました。 #ミンチャレ 圧倒的ニータン＆リッジー お出かけニータン＆リッジー ビーズクッションソファ 圧倒的ニータン用Tシャツ メガニータン 国内への輸送遅延により今週末大分に到着し、順次発送となります。 ご案内が遅れましたこと、お届け予定が度々変更となりますこと、心よりお詫び申し上げます。 https://t.co/0J91WbfkYV — 大分トリニータ / Oita Trinita (@TRINITAofficial) January 12, 2023 そして50万円というトリニータ愛なくしては費やせないビッグマネーでメガニータンをゲットした皆さんが、ツイッターに次々にお迎えの様子を報告されていました。 いくらなんでもデカすぎやしないか……？ 本物のニータンこんなに大きくない😳 メガじゃなくて！ギガじゃん！#大分
Park UI
Build your own Design System Beautifully designed components built for your choice of JS and CSS frameworks. Get Started Make it yours@s`j�U@G�d�U
PIXIV Design System 2021 の発表をしました（後編） #pixivdevmeetup - pixiv inside
こんにちは。フロントエンドエンジニアのpnlyです。 こちらの記事は前後編に分かれた記事となっておりますので、前編の記事「PIXIV Design System 2021 の発表をしました（前編）」もあわせてご覧いただけるとよりお楽しみいただけると思います。 前編では、デザインシステムを作ろうとして試行錯誤したエピソード、そして出来上がった設計思想についてお話しました。そしてこの後編では、その思想をどのようにして実現したのかについて具体的な実装をご紹介します。 デザインシステムの実装 "pixiv-elements" 前回の記事で出てきました"デザインシステムの三層構造"の実装は一つのモノリポジトリで管理されています。ガイドラインの根本となる定数以外にも、その定数をより利用しやすくするためのユーティリティや型定義、CIスクリプト、Storybookなどのドキュメントなど、デザインガイドライ
Webサイトやスマホアプリをはじめ、最近ではテレビのCMなどでも背景として使用されている、グラデーション・グラデーションメッシュ素材をダウンロードできるサイトを紹介します。 UIデザインやグラフィック用の高解像度の画像ファイル（.ai, .jpg, .png）から、グラデーションを生成できるオンラインツール、グラデーションのCSSを生成できるツールなど、デザイナーからコーダーまで役立ちます。 まずは、グラデーションメッシュ素材から。 グラデーションメッシュとは、複数のポイントからグラデーションをさまざまな方向に流し込んだものです。有機的で美しく、最近のデザインでよく見かけます。 Free Mesh Gradient Collection レインボー、パステム、ナチュラルをテーマにした、グラデーションメッシュ素材。各グラデーションメッシュの右上「↓」から高解像度の.jpgがダウンロードできま
フレディ・マーキュリーさんの銅像除幕式 韓国・済州島
韓国・済州島で行われた英ロックバンド「クイーン」の故フレディ・マーキュリーさんの銅像の除幕式（2022年4月21日撮影）。(c)ANTHONY WALLACE / AFP 【4月22日 AFP】韓国の済州（Jeju）島で21日、英ロックバンド「クイーン（Queen）」の元メンバー、故フレディ・マーキュリー（Freddie Mercury）さんの銅像の除幕式が行われた。 マーキュリーさんの銅像はファンクラブの会員らが見守る中、同島北部の海岸沿いに設置された。(c)AFP
「誰もがつかえる」を目指したnoteのデザインシステムの導入とこれから｜noteエンジニアチームの技術記事
--- 「デザイナーのための仕組みだと思われないように、本当はデザインシステムという言葉をつかいたくなかった」 デザインシステムと聞くと、デザイナーのための仕組みだと思う人もいるかもしれません。しかし、noteにおけるデザインシステムはその定義とは真逆を目指しています。 そもそもデザインシステムとは、Webサイトやアプリのデザイン原則を示し、開発のパターンやベストプラクティスを組織として体系化した仕組みです。具体的には、スタイルガイド、イラストシステム、フロントエンドの共通コンポーネント整備、表記ガイドラインなど多岐にわたります。 noteでは全社員が理解でき、誰もがつかえるデザインシステムを目標にしています。デザイナーが使用するツールではなく、全社員が同じ意思で進むための目的や指針を言語化した仕組みがデザインシステムなのです。 全社員がデザインに取り組みやすくなるように、2021年8月か
本連載では、SmartBankのデザイナーが「デザイナーの業務効率化」をテーマに、FigmaやNotionを活用した「業務効率改善のTips」を紹介していきます。今回焦点を当てるのは「プロダクト開発のスピードを上げる効率的なコンポーネントの設計」についてです。 こんにちは！SmartBankでデザイナーをしている福嶋（putchom）です。 2022年9月にふたりめのデザイナーとしてSmartBankに入社し、現在はおもにプロダクトのUIをデザインしたり、デザインシステムを設計したりしています。 私たちは、「B/43」というVisaプリペイドカードと家計簿アプリがひとつになった「家計簿プリカ」という新しいジャンルのサービスを運営しているのですが、SmartBankでは、より本質的な機能開発に集中できる環境を用意すべく、デザインシステムの構築や運用にも力を入れています。 私たちはFigmaで
TechCrunch
Tesla investors, still digesting a 43% drop in share price since the beginning of the year, are gearing up for what will likely be unimpressive financial results for the first quarter and a shift in
バンダイのプラモデル「Figure-riseLABOシリーズ」から、「ヱヴァンゲリヲン新劇場版・破」のテスト用プラグスーツ姿の式波・アスカ・ラングレーが登場します。またもやこだわりがすごい……！ Figure-riseLABOは、「これまでのフィギュアやプラモデルでは実現できなかった表現を研究し、実現に向けて進化させていく」というプロジェクト。これまでにプラモデルとは思えないリアルな肌の質感を追求した「ホシノ・フミナ」プラモなどを投入し注目を集めていました。 Figure-riseLABO 式波･アスカ･ラングレー（バンダイホビーサイトから） アスカのプラモでは、肌に密着した透明なテスト用プラグスーツの表現がテーマ。クリアオレンジのパーツに肌色パーツをインサートし、さらにクリアパーツに陰影を加えることでプラグスーツの透けと密着感を再現したといいます。また瞳のインサート成形で、「アスカがこち
Web制作者は要チェック！ Figmaで無料利用できるUI用のデザインシステムのまとめ -Design Systems for Figma
Figmaで無料で利用できるWebサイトやスマホアプリのUI用のデザインシステムを紹介します。UIコンポーネント、カラー、アイコン、タイポグラフィなどがまとめられており、すぐにFigmaで利用できます。 Design Systems for Figma ※画像は、クックパッドのデザインシステム Design Systems for Figmaには日本のサイトをはじめ、海外のサイトのデザインシステムがまとめられています。 サイトの利用は簡単で、登録など面倒なことは一切不要です。
タケヤ式自在置物 KT-028 トルメキア装甲兵 クシャナ親衛隊Ver. (再販)｜KTプロジェクト｜フィギュアの造形企画製作、販売を行う株式会社海洋堂
『風の谷のナウシカ』のトルメキア装甲兵がタケヤ式自在置物で立体化！ 重装甲に身を包んだ自在置物「トルメキア装甲兵」通常版＆限定版レビュー！ 宮崎駿が原作漫画を描き、自ら映画化することでその後のアニメーション史に大きな影響を与えることになった名作『風の谷のナウシカ』。 ナウシカの住む風の谷に突如来襲したトルメキア軍の司令官であるクシャナを警護する親衛隊として付き従い、その屈強さからトルメキアの強さを象徴する姿を見せた装甲兵が、タケヤ式自在置物としてアクションフィギュア化。 西洋甲冑を思わせるデザインながら、素材にはセラミックを使用しているという重装鎧を竹谷隆之がリデザイン。 アニメーションの設定だけでなく、原作コミックス版で表現されているアイデアや意匠も取り入れることで、実在する鎧のようなリアリティを持たせている。 各部に装飾的なディテールや形状表現などを追加することで親衛隊が着用するのにふ
器用すぎる歯医者さん、神奈川県海老名市にある「かさま歯科クリニック」院長が、奥さんにガンプラを買って貰えなかったので…
この記事の概要 variants や component properties など、Figma でのデータ作りには様々なテクニックがあります。 この記事では、少しニッチなシチュエーションにおいて、楽にデータを作れる方法を紹介します。 フォーカスリング付きの UI 以下の画像のように、通常時のボタンと、フォーカスが当たったときのボタンを作成したいとします。 このとき、アウトラインのオフセット表現は、通常の Stroke では実現できません。 そこで Absolute position と Constraintsを使います。 まず通常時のボタンはこのような構成です。 至って普通の作り方です。 次に、フォーカスリング付きのボタンの構成です。 元のボタンよりもひとまわり（ここでは上下左右それぞれ 3px ずつ）大きい四角形を作り、Absolute position で配置しました。 そして Co
努力しないFigmaとの付き合い方
この記事は12月22日に行われた「Figma Design File 大公開！ デザイナー忘年会2022」で話した内容を記事化したものです。 デザインデータは中間成果物 これはこの記事のベースとなる考え方です。僕はデザインデータは中間成果物であり、いつか捨てられる（メンテされなくなる）ものだと考えています。 デザインデータを作る目的はエンジニアやBizDevの人たちとのコミュニケーションを円滑に進めることです。その目的を達成する以上に整っている必要はないと考えています。 また僕は実装されお客さんが実際に利用するアプリケーションの品質が全てだと考えていて、デザインデータをきれいに整えることは時間の無駄になることが多いと思っています。本当に考えるべきことはデザインデータをきれいに運用することではなく、品質の高いUIがきちんとリリースされる仕組みです。 しかしあまりにも無秩序に散らかっているとコ
2020年から放送中の大河ドラマ「麒麟がくる」に登場する、「九十九茄子」「平蜘蛛」「蘭奢待」などの茶器や香木をカプセルトイにした「戦国の茶器」が4月に再販されます。1回300円（税込）。 「戦国の茶器」は、戦国時代における茶の湯の歴史的名器を、約35ミリ～60ミリのリアルなミニチュアで再現したカプセルトイシリーズ。今回は2018年に発売した第1弾で、千利休にゆかりがある茶器6種（紹鴎白天目・黒楽茶碗（面影）・井戸茶碗 細川井戸・蘭奢待・平蜘蛛・九十九茄子）を再販します。 戦国の世を転々としながらも現存している「九十九茄子」のミニチュアも桐箱に収まります。 6種のうち、4種（紹鴎白天目・黒楽茶碗（面影）・井戸茶碗 細川井戸・九十九茄子）は桐箱風BOXも付属し、小さいながら茶器も収納可能。 ちなみに、「平蜘蛛」は、戦国時代の武将、松永久秀が所持していた茶釜で、信長侵攻時に召し出しを要求されるも
Figma見せ合いっこ 2021/07/15 で登壇したクックパッドのFigmaの運用のスライド資料です。 https://show-figma-20210715.peatix.com/
デザインに対応するソースコードはGitHubに公開されています。https://github.com/mamori-i-japan 先日デザイナー向けに行われたイベント、UXとUIデザインのとりくみでは、設計時に検討した点やデザインデータについてもご説明しました。 公開にあたって仕様も方針も決まっていない開発当初、先行していた世界各国の接触確認サービスを調べました。 シンガポール発のTraceTogether、アラブ首長国連邦のTraceCovid、ヨーロッパ発のWeTrace、それ以外にも他国で開発中のデザインデータも参照させていただきました。 もちろん他国のサービスをそのまま流用はできません。日本の法律や事情に合わせ、またリスクの高い状況におかれる人々が使うという点において慎重に議論と検討を重ねてきました。詳細は上述のイベント動画にて説明しています。 ただやはり、先行する事例があったか
Amplify Studioでチームポータルページを作ってみた - KAKEHASHI Tech Blog
はじめに こんにちは、LINE上で動くおくすり連絡帳 Pocket Musubi というサービスを開発している種岡です 早いもので入社してから3年が経ちました 会社の成長と共に取り扱うサービスも増え、今では12以上の開発グループが存在しています 誰がどのチームなのかを把握するのが非常に難しい、また、どのチームがどのサービスを担当するのか把握できないという声が寄せられ、チーム間のコミュニケーションの障害になっているという課題感が浮かび上がりました この課題に対して、チーム毎のポータルページを社内Wikiで作成するという運動が始まりました そこで、チームポータルページを社内WikiではなくAmplify Studioを使って作れたら面白そうだなと思い立ち筆をとりました ゴール チームポータルとしては以下のようなReactベースのウェブページを作成することができました 準備 Amplify St
Figma Japanは、企業のCDOやCXO、デザイン部門のトップを招いたラウンドテーブルを開催。本記事では、サンフランシスコより来日したFigma CPO 山下祐樹さんによる「魔法のような製品をいかにして生み出すか」と題したプレゼンテーションと、後半で行われたファイアサイドチャットより、Figma Japanカントリーマネージャー 川延浩彰さんとの対話を中心にお届けする。 魔法のような体験提供のために最初に行った「OKRの廃止」 マイクロソフト、YouTube、Uberなどを経て、4年前にFigmaにジョインした山下さんは、それらの共通点を「素晴らしいデザインカルチャーがあること」と語り、セッションをスタート。そしてそれは具体的に「企業にとってさまざまなビジネスのプライオリティがあるなか、あえて超一流のユーザー体験にこだわって投資してくれる点」だと表現した。 英語圏ではこのような体験を
こんにちは、もしくはこんばんは。 今回はアル社での、Figmaを使ったワークフローの話です。 アルでは2022年1月にハロマスというサービスをリリースしました。 ハロマスは、クリエイターが作ったオリジナルのギフトを買えるサービスで、デザインはFigmaで制作されています。 UIデザインはFigmaで作り、エンジニアが参照しながら開発を進める、それだけならば至って普通なのですが、ハロマスの場合、ディレクターもFigmaを利用しています。 要はワイヤーフレーム(画面の設計図)を作るのに、一般的なWhimsicalやGoogle Slides やPowerPointではなく、Figmaで作るということです。 開発中のハロマスFigmaなぜやったのかこれはサービス開発を爆速(※)でやるために、必要に迫られてやったということもあるのですが、ワイヤーフレームとUIデザインを作るツールが一緒である方が、
いつも大学や英語の勉強についての記事を書いてますが、今回はデザイナーとして働いている私が知った技術的なことについてまとめていきたいと思います。 改めて軽く自己紹介昨年の11月よりファインディ株式会社でUI/UXデザイナーとして働いております。ファイディで働くのはとても楽しく、また周りの優秀な人達に囲まれて自分もメキメキと成長を感じています。（ここに関しては入社半年エントリー記事で詳しく書く予定） 普段はプロダクトの魅力を高めるために様々な取り組みを行っています。その中でもデザインシステムはデザイナーだけでなくエンジニアも巻き込んで運用に向けて日々奔走しています。 ファインディデザインシステムとは現在手掛けているのはWebエンジニアの中途転職を支援するFindyというプロダクトのデザインシステムなのですが、サービス開始から6年ほど経過し多くのデザイナー、エンジニアの手によって作られたためどう
こんにちは！デザイナーの渡邊です。 前回、BDIというデザイナーの勉強会のロゴについての記事を書かせていただきました。 BASEのデザイナー勉強会『BDI NIGHT』のロゴを制作しました - BASEプロダクトチームブログ 今回はBDIでゲームを作るワークショップを企画したので、準備や当日の様子をお伝えできればと思います。 デザイナーもデザイナー以外にも楽しんでもらえる勉強会を BDIは主にデザインチームを対象とした勉強会でしたが、デザイナーが大切にしていることを知ってもらったり、デザインをより身近に感じてもらうために、デザインチーム外の方の参加も歓迎してはどうだろうかという意見が上がりました。 またBDIそもそものコンセプトとして、メンバー間のコミュニケーションを活発にしたり、リラックスして楽しんでインスピレーションを得て欲しいという目的もありました。 ワークショップや情報交換ももちろ
こんにちは。 株式会社Caratでロボキャリアアドバイザーアプリ「GLIT」のUIデザインとフロントエンド開発を担当している北國です。 プロダクトを成長させる過程で日々機能の追加・変更・削除があるわけですが、UIデザイナーとしてはそれらの変更に強いFigmaファイルを作り、できるだけ無駄なUIデザインの工数(※1)を削減したいという想いがあります。 また、UIデザイナー目線だけではなく、フロントエンドエンジニアが開発しやすいFigmaファイルを作り、開発の効率を良くしたいというのもデザイン業務をする時にできる限り意識しています。 それら2つのためにはFigmaでのコンポーネントの作り方が結構大事だと思っていて、実際にどのような工夫をしているのかをご紹介します。 エンジニアがFigmaのコンポーネントを見た時にpropsを正しく把握できる状態にするFigmaのUIコンポーネント管理が散らかっ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Figmaの基本機能で簡単につくる、テキスト&あしらい表現TIPS - ICS MEDIA
Amplify StudioがどのようにFigmaデータをReact componentに変換しているのか
Chakra UI - Figma Plugin
ゆるく楽しくデザイナー間の相互理解を深める 〜デザイナー読書会〜 - BASEプロダクトチームブログ
東京都が“GitHub”に開設した新型コロナウイルス対策サイトがすごいと話題／モダンなライブラリでモダンなデザイン、オープンデータへの取り組みも【やじうまの杜】
Webデザイナーが「サービス紹介動画」を構造分析してみた（8事例）｜nanami
とにかくデカい！大分トリニータのクラファン返礼品の目玉“メガニータン”（50万円）が寄付者に届く :
商用利用無料！美しいグラデーション素材・グラデーションメッシュ素材をダウンロードできるサイトのまとめ
Figmaで実践！ プロダクト開発のスピードを上げる効率的なコンポーネントの設計
金髪、つけまつげ、ピンク色口紅の「現代風ひな人形」 人気アニメで紹介後、用意した300セット完売｜よろず〜ニュース
「ヱヴァ破」アスカのあのプラグスーツを再現 バンダイがまたも全力すぎるプラモを投入
妻にガンプラを買ってもらえないので、マクドナルドでなんとかしてみました
Figma のデータ、少し楽になるかもしれない作り方 - Qiita
「麒麟がくる」に登場する茶器のカプセルトイが4月に再販 松永久秀と一緒に散った「平蜘蛛」もあるぞ
Figma with Cookpad
接触確認アプリのデザインデータを公開します｜Yuichi Ohori
［レポ］Figma CPOが自身の体験をもとに語った、魔法のような製品を生み出すために必要なふたつのこと
Figmaでワイヤーフレームを作り効率化をした話｜ottiee / Alu CCO
FigmaのSlotを活用したらデザインシステム管理が超絶楽になった話｜🐰
Figmaのプロトタイプでゲームを作ってみんなで遊びました - BASEプロダクトチームブログ
フロントエンドの開発を少し楽にするFigmaでのコンポーネントデザイン｜kiiita
www.itmedia.co.jp
www.itmedia.co.jp
daily-shinjuku.tokyo
plea5station.com
news.ntv.co.jp
www.itmedia.co.jp