並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 858件

新着順 人気順

figureの検索結果1 - 40 件 / 858件

  • できるクリエイターへの近道、話題の最新Webツール・デザイン素材50選

    Webサイトやデザイン制作で、やたらと時間がかかってしまうとお困りのクリエイターの方へ。 この記事では、SNSなどでいま話題の最新ツールやフリー素材を50個まとめており、制作時間を短縮したいというひとに選ばれています。 日頃のワークフローに活用して、ストレスのないクリエイティブな制作ライフを実現しましょう。 AI関連ツール RenderNet – Create AI images with Unmatched Control 一貫性のある同一人物によるキャラクター画像を生成できるAIツールで、人種やスタイル、性別などはもちろん、顔はそのままでポーズの変更や、背景の再生成などが可能。 Textify — Fix text in images — Storia AI 元の背景を維持したまま、シームレスに文字テキストのみを変更できるAIツール。既存のフォントスタイルに合わせることも、新しいものを

      できるクリエイターへの近道、話題の最新Webツール・デザイン素材50選
    • Figma’s journey to TypeScript | Figma Blog

      May 1, 2024The evolution of Figma’s mobile engine: Compiling away our custom programming language We’ve long written core parts of our mobile rendering architecture in Skew, the custom programming language we invented to squeeze additional performance out of our playback engine. Here’s how we automatically migrated Skew to TypeScript without disrupting a single day of development. Skew began as a

        Figma’s journey to TypeScript | Figma Blog
      • Figmaは多大なアクセスをさばくためにどのようにデータベースのスケーリングを行ったのか?

        ブラウザベースのデザインツール「Figma」のデータベース(DB)は2020年以来100倍に拡大しました。当初は単一のPostgreSQLで構築されていたDBをどのようにして分散システムへと移行したのかについて、公式ブログで詳しく説明されています。 How Figma's Databases Team Lived to Tell the Scale | Figma Blog https://www.figma.com/ja-jp/blog/how-figmas-databases-team-lived-to-tell-the-scale/ Figmaではまず、「Figmaファイル」や「組織」などテーブルごとにDBを分割する「垂直分割」を行いました。2022年までに10個のパーティションに分割し、それぞれのパーティションを監視することでスケーリングの優先順位を付けたとのこと。 Figmaの利

          Figmaは多大なアクセスをさばくためにどのようにデータベースのスケーリングを行ったのか?
        • Figmaを本格的に身につけたい人に、デザインシステムの構築方法をしっかりと学べる解説書 -Figma for デザインシステム

          ※本ページは、アフィリエイト広告を利用しています。 ここ2,3年、UIデザインにおけるツールの一強はFigmaと言えるでしょう。2022年の日本進出から、現在では日経225の1/3がすでにFigmaを導入しています。 そんなFigmaをより本格的に身につけたい人に、デザインシステムの構築方法をしっかりと学べる解説書を紹介します。 本書は、Figmaの中級者向けの解説書です。基本的な使い方の解説はほとんどなく、デザインシステムを構築する上で必要となるFigmaの応用的な機能が解説されています。また、デザインシステムについては基礎知識からがっつり解説されているので、デザインシステムの初心者でもよく分かると思います。

            Figmaを本格的に身につけたい人に、デザインシステムの構築方法をしっかりと学べる解説書 -Figma for デザインシステム
          • Webデザイナーが「サービス紹介動画」を構造分析してみた(8事例)|nanami

            こんにちは!株式会社Rabeeでデザイナーをしています、nanamiです。 最近、プロダクトやサービスの内容を紹介する手段として、イラストやモーショングラフィックなどを用いた動画が使用されているのをよく見かけます。 そこで今回は、サービスの内容を1~2分でまとめたサービス紹介動画を複数ピックアップし、その構造を分析してみることにしました。 はじめに本記事を書くに至った経緯私は現在、映像のデジタル合成やモーショングラフィックの制作などができるAdobeのソフト“After Effects”の学習をしています。 直近のゴールとして、モーショングラフィックを用いたサービス紹介動画を作れるようになろう!ということで、今回の記事はその学習の一環としてまとめました✍️ 動画で伝えるために大切なことAfter Effectsのスキルも重要なのですが、サービス紹介をする上でより重要なのはそのストーリー構成

              Webデザイナーが「サービス紹介動画」を構造分析してみた(8事例)|nanami
            • Figma初心者でも大丈夫! レスポンシブWebデザインをFigmaで作るための3つのポイント

              この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 最近はスマホで見ることを前提にデザインされたWebサイトも増えてきていますが、そのようなWebサイトでもPCでみた時にも違和感のないデザインになっています。 また、総務省の「通信利用動向調査」を見ると、スマートフォンでもパソコンでもインターネットが利用されている事がわかります。 利用状況 2022年のインターネット利用率(個人)は84.9%となっており(図表4-11-1-2)、端末別のインターネット利用率(個人)は、「スマートフォン」(71.2%)が「パソコン」(48.5%)を22.6ポイント上回っている。 (出典)総務省「通信利用動向調査」 このようにスマホ、PCどのデバイスでも見ることが

                Figma初心者でも大丈夫! レスポンシブWebデザインをFigmaで作るための3つのポイント
              • FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション

                PHPカンファレンス小田原2024 の発表資料です。 https://phpcon-odawara.connpass.com/event/296492/ https://fortee.jp/phpconodawara-2024/proposal/7c57d5ca-213a-4d7a-aaf0-26ddc44897f0

                  FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
                • 【Figma】Dev Mode(開発モード)をエンジニアに使って欲しい! - Qiita

                  はじめに みなさんはFigmaのDevモードを使っていますか? FigmaのDevモードは、2023年6月21日にベータ版として公開され、一部機能をアップデートして、2024年2月1日に正式リリースされました。 正式リリースされてから、2ヶ月ほどたち、いろいろDevモードを使ってみた感想を紹介しようと思います。 Dev Mode(開発モード)とは? Dev Mode(開発モード)は、デザイナーとエンジニアのハンドオフを最小限に抑えるためのツールが使えるモードです。 Dev Modeでは、以下の機能を使うことができます。 アノテーション(Annotation) 測定値(Measurement) 開発準備完了(Ready for dev) 変更差分(Compare changes) Qiita株式会社のDev Mode(開発モード)事情 Qiitaでは、まだエンジニアにDev Mode(開発モ

                    【Figma】Dev Mode(開発モード)をエンジニアに使って欲しい! - Qiita
                  • 2024年3月の、これだけは押さえておきたいWeb関連の動き

                    2024年3月の、これだけは押さえておきたいWeb関連の動き 「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン・Figma・UI Canva、Affinityを買収 Adobe対抗のデザインツール大手 個人的に注目のニュースだったので、記事を書きました。 CanvaによるAffinity買収は「Adobeとの競争への大きな一歩」である – Stocker.jp/diary Iconbuddy — 100K+ open source icons アイコン素材検索サイトです。 Figmaが生成AI機能を強化へ、アイデア出しや付箋の要約などをサポート/ディラン・フィールドCEOが「Figma」の今後の展望を語る 「UIの色を変えただけで大量のクレ

                      2024年3月の、これだけは押さえておきたいWeb関連の動き
                    • Generate Design Systems quickly - Figr Identity (FREE BETA) | Figma

                      Boost Your Figma Designs with Our Easy-to-Use Design System Generator: 🚀 Quick Design System Setup: Build design systems fast in Figma. Figr Identity helps you create and manage elements like styles and variables easily, making your design consistent and on-brand. 🔍 Seamless Figma Integration: ...

                        Generate Design Systems quickly - Figr Identity (FREE BETA) | Figma
                      • Figmaが生成AI機能を強化へ、アイデア出しや付箋の要約などをサポート/ディラン・フィールドCEOが「Figma」の今後の展望を語る

                          Figmaが生成AI機能を強化へ、アイデア出しや付箋の要約などをサポート/ディラン・フィールドCEOが「Figma」の今後の展望を語る
                        • draw.ioを使ってAWSの構成図を作成するコツ - Qiita

                          案件でAWSの構成図を作成する機会があったので備忘兼ねて投稿します。 ※約5分で読めます 1. グループの内側から作成していく AWSの基本的なグループ構成はこんな感じ 添付の場合、個人的には Public subnet or Private subnet > Availability Aone > VPC > Region > AWS Cloudの順番で作成することをオススメします。理由は内側のグループが肥大すると外側のグループの手直しが発生するためです。 今回作成した時に外側から作成してしまい、めっちゃ時間がかかってしまいました... 2. グループの左上を掴む 日本語が下手ですみません。 なぜ左上を掴まないといけないか?試しにPublic subnetをクリックしてドラッグをすると、添付の様になりました。 クリックをするとグループの外から選択されてしまうため、選択したグループ内に存在

                            draw.ioを使ってAWSの構成図を作成するコツ - Qiita
                          • How We Built a Custom Permissions DSL at Figma | Figma Blog

                            When our permissions system came apart at the seams, everything came to a halt. This is the story of how we fixed it while improving performance, accuracy, and developer ergonomics. Collaboration is core to Figma. It’s why we built Figma on the web, and why multiplayer is such an important part of the Figma editor. This focus on collaboration also means that our permissions rules are complex—decep

                              How We Built a Custom Permissions DSL at Figma | Figma Blog
                            • 注文殺到の「成金おじさんフィギュア」 製造はフルカラー3Dプリンター 作者に聞く“3Dの可能性”

                              「どうだ 明るくなつたろう」──。燃やした紙幣を手に持ち、暗い場所を照らす「成金おじさん」の絵は、多くの人が教科書などで見かけたことがあるだろう。あの成金おじさんが、いまフィギュアとなり話題となっている。 作ったのは、大型生物の骨格標本の3D化なども手掛ける吉本アートファクトリー(兵庫県神戸市)代表の吉本大輝さん。成金おじさんフィギュアも3Dモデリングで原型を作り、フルカラー3Dプリンターで生産している。 商流に乗る通常のフィギュアなら金型による生産が普通だ。成金おじさんフィギュアはなぜ3Dプリンターで作っているのか。3Dモデリングのメリットは。立体造形物の祭典、Wonder Festival 2024 Winter(2月11日、幕張メッセ。以下ワンフェス)で吉本さんに取材した。

                                注文殺到の「成金おじさんフィギュア」 製造はフルカラー3Dプリンター 作者に聞く“3Dの可能性”
                              • How Figma's Databases Team Lived to Tell the Scale | Figma Blog

                                Our nine month journey to horizontally shard Figma’s Postgres stack, and the key to unlocking (nearly) infinite scalability. Vertical partitioning was a relatively easy and very impactful scaling lever that bought us significant runway quickly. It was also a stepping stone on the path to horizontal sharding. Figma’s database stack has grown almost 100x since 2020. This is a good problem to have be

                                  How Figma's Databases Team Lived to Tell the Scale | Figma Blog
                                • 商品:詳細|グッドスマイルカンパニー

                                  全世界を恐怖の渦に巻きこんだジョーズがねんどろいどになってやって来る!! オプションパーツ:「映画ポスター再現用背景」「映画ポスター再現用台座」「水しぶき」「スキューバタンク」

                                  • デザイントークンのつくりかた:putchom

                                    2023年のFigmaのグローバルカンファレンスConfigでVariablesが発表され、デザイントークンはますます注目を集めています。しかし、デザイントークンという言葉は聞いたことあるものの、デザイントークンとは何なのか、また、何から始めたらいいかわからない方も多いのではないでしょうか。 本書では、これまでGMOペパボ株式会社で複数のブランド向けにデザイントークンを設計した際に得た知見や、株式会社スマートバンクでモバイルアプリ向けにデザイントークンを設計した際に得た知見を共有します。デザイントークンを利用するメリットから実際の作り方まで幅広く網羅していますので、これからデザイントークンを設計する皆さんのお役にたてると幸いです。 [著者] putchom(Ryo Fukushima) GMOペパボ株式会社でSUZURIのデザインリード及び共通基盤デザインシステムInhouseの設計を担当

                                      デザイントークンのつくりかた:putchom
                                    • How to design icons in Figma

                                      An in-depth guide to icon creationDesign should be democratic, that's why our team refuses to hide the process behind our art. So here we are, ready to reveal all our tricks in what has become by its own merits a great home for any icon designer: Figma. What you need to know before designingWe want to make sure that this article is interesting for those who are already familiar with the icon desig

                                        How to design icons in Figma
                                      • 道の駅の魚屋さん「今日中に1万いいね来たら等身大ナナチ買う」→つくし卿の後押しもあって購入決定、先日無事にナナチが届き道の駅に常設されることに つくし卿からも祝福のメッセージ

                                        多田水産(の中の人) @tada2547 須崎の道の駅で年中無休でタタキ焼いてる鰹専門の魚屋の中の人です。店の営業時間9:00〜17:30⏳ 使う鰹は基本地物✨県外発送承りますm(_ _)m 久礼に鰹の水揚げが有れば仕事、無ければ魚釣りとか食べ歩きとか魚まみれの生活してます基本的に会社と関係ない個人的ツイート主体。アニサキスボールペン職人。 tadasuisan.com

                                          道の駅の魚屋さん「今日中に1万いいね来たら等身大ナナチ買う」→つくし卿の後押しもあって購入決定、先日無事にナナチが届き道の駅に常設されることに つくし卿からも祝福のメッセージ
                                        • Figma新機能|マルチ編集機能の概要と使いどころ|nanami

                                          こんにちは!株式会社Rabeeでデザイナーをしています、nanamiです🌿 今回は、日本時間の今日(2024.3.7)発表されたばかりのFigma新機能、マルチ編集機能について、その機能概要や使いどころを公式解説をもとにまとめました。 はじめに現在、Figma Community上ではこちらの公式解説が公開されています。 Figmaの公式解説は、実際に手を動かしてみる用の作業場も準備されていて作りが丁寧なので、こちらを読めば内容は理解できるのですが、この機能に関わらず、原則英語のFigmaデータしかない! ということで、こちらの公式解説を和訳しながら噛み砕いた内容をまとめましたので、「機能の概要が知りたいけど、英語の解説を読むのに抵抗があって止まっている」という方の参考になると嬉しいです! 機能概要|ざっくり何ができるのかマルチ編集機能は、複数フレーム内の共通レイヤーを一気に選択し、それ

                                            Figma新機能|マルチ編集機能の概要と使いどころ|nanami
                                          • 【便利tips】Figmaでデザインデータを作る時のイロハについてデザイナーに聞いてみた

                                            はじめに レバテック株式会社で主にサービスサイトのディレクターをしている山本です! 普段はデザインシステムや、デザインの制作進行管理などをメインで担当しています。 レバテックでは、Figmaというデザインツールを用いて多くのメンバーがデザイン制作を行なっているんですが、いろんな人が各々のやり方でデザインデータを作成するので、属人的なズレがたくさん発生し、コミュニケーションコストや内部品質管理などの色々な問題が起きていました。 例 Auto LayoutとFrameが混在 コンポーネントのプロパティ名がバラバラ etc... 私自身、フロントエンドの理解はありつつもレバレジーズに入社してからFigmaを触り始めたため、社内のデザイナーにちょこちょこ質問を投げかけて勉強していました。当たり前に使っているtipsでも意外と「知らなかった」ような内容もたくさんあり、今回は私が「これは賢い!」と思っ

                                              【便利tips】Figmaでデザインデータを作る時のイロハについてデザイナーに聞いてみた
                                            • Dev Mode活用の前に開発者が知っておきたいFigmaのこと10個+α|Hiroki Tani

                                              Figmaはデザイナー向けのUIデザインツールのように思われがちですが、Figmaを使ったプレゼンテーションスライドの作成や、デジタルホワイトボードツールのFigJamを活用したアイデア出しやプランニングなど幅広い用途があります。そして2月1日から正式版となったDev Mode(開発モード)は、デザインデータやその仕様を元にプロダクトを構築するための機能が備わっています。 Dev Modeは主にはコードを書く開発者にとって便利な機能があります。コード生成や、デザインの差分比較、アノテーションによるデザイン仕様の把握、Dev Mode用のプラグインや、VS Code拡張機能などが主な機能です。あまりそれらを使いこなせている実感がある人はまだ多くないようですが、焦る必要はありません。使える機能から徐々に理解し、慣れていってもらえれば良いなと考えています。 一方で「そもそもFigmaに慣れていな

                                                Dev Mode活用の前に開発者が知っておきたいFigmaのこと10個+α|Hiroki Tani
                                              • THE合体 DXブレイバーン 特設サイト

                                                【SPEC】 ・全高約200mm。彩色済み完成品。 ・各関節可動。劇中のアクションポーズを再現可能。 ・「ブレイバーン」から「ブレイサンダー」への変形を差し替えなしで再現! ・表情パーツが4種付属。通常顔、叫び顔、笑顔、マスク顔。 ・武器パーツとして、バーンブレイド、バーンアックスが付属。さらにバーンブレイド・ブレイズアップエフェクトも付属。 ・交換用手首付属。 ・胸部をはじめ各部にクリアパーツを使用。 ・後続アイテム「THE合体 バーンドラゴン」(別売)との合体機構を搭載。

                                                  THE合体 DXブレイバーン 特設サイト
                                                • Functional UI Kit

                                                  Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code. Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code. Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.

                                                    Functional UI Kit
                                                  • XDからFigmaへ移行したい人のためにFigmaの機能を紹介

                                                    XDからFigmaへ移行したい人のためにFigmaの機能を紹介 この記事では、XDからFigmaに移行しようとしている方、Figmaを使ったことのない方に向けて、Figmaの機能の中からよく使用するものを紹介しています。 この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 マスクとして使用 Figmaでもマスクを使うと図形などからはみ出した部分を表示しないようにできます。 画像と図形を用意します。図形はその形からはみ出て部分を表示しなくなるので、その図形でくり抜かれたような表示になります。 マスクの作成方法 マスクとして使用したい図形の前面に画像を配置します。 図形と画像の両方を選択した状態にし、上部ツールバーにある[マスクとして使用]アイコ

                                                      XDからFigmaへ移行したい人のためにFigmaの機能を紹介
                                                    • お札に火を付け「明るくなった」 成金おじさんフィギュアに注文殺到:朝日新聞デジタル

                                                      ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                                                        お札に火を付け「明るくなった」 成金おじさんフィギュアに注文殺到:朝日新聞デジタル
                                                      • エンジニアがデザインについて確認した方が良いこと - Qiita

                                                        開発の流れとして、デザイン決定後にデザイン(Figma)が開発部隊に渡ってくることは多いと思います。 開発着手前にデザインについて確認しておいた方が良いことの備忘です。 サンプル画像はWebで作っていますが、内容としてはWebに限らず、iOS/Android Nativeなアプリも対象としています。 また、記載順をどうしようか迷ったのですが、特に体系だった説明もできないので思いついた順で書いています。 アイコン/画像について 画像の形式を確認しましょう 画像の形式はベクター画像(SVG)なのか、ラスター画像(PNGなど)か確認します。 アイコン系は基本的にベクターだと思いますので、SVGでExportできない場合はデザイン提供元に確認しましょう。 ラスター画像は要件上こだわりがなければ、開発側でWebP/JPEG/PNGなどの特性や稼働環境を鑑みて決定するで問題ないと思います。 スマホでは

                                                          エンジニアがデザインについて確認した方が良いこと - Qiita
                                                        • よめ(fol嫁) on X: "WFのお買い物状況を卓に来てくださった方に色々聞いてみたけど 優先チケ→ほとんど欲しいものは買えてびっくりした 一般チケ→そこそこ買えてびっくりした ディーラー→昼から出てもなんやかんや買えた といった回答が多かったです。今まではどんだけダミーが邪魔をしていたのか……恐ろしい"

                                                          • What Is a Design System | Design Systems 101 | Figma Blog

                                                            Understand the basics of design systems, what they are, how they work, and how they can change the way you design. Design systems are often the unsung heroes of the products we use every day—from mobile apps and websites to the interfaces on television screens and car dashboards. They serve as the DNA for product design, encoding the principles and elements that define the very experience users in

                                                              What Is a Design System | Design Systems 101 | Figma Blog
                                                            • XユーザーのMIDORO🪐WF2-01-21さん: 「長年見た転売ヤーの特徴 https://t.co/F4ye6Z5yQt」 / X

                                                              • 『葬送のフリーレン』人気キャラ3人のフィギュア化が決定→フリーレン公式からは「アウラ フィギュア」のお言葉 シュタルクは泣いていい

                                                                みんと🖋️ @snmn_812 フリーレンでもなく フェルンでもなく 「アウラ フィギュア」とだけ呟くこの公式ほんと好き そしてしれっと置いてかれるシュタルク twitter.com/FRIEREN_PR/sta… 2024-02-11 11:03:21

                                                                  『葬送のフリーレン』人気キャラ3人のフィギュア化が決定→フリーレン公式からは「アウラ フィギュア」のお言葉 シュタルクは泣いていい
                                                                • デザインの公共性 | Figma Blog

                                                                  デジタル技術をユーザーフレンドリーにするためには、デザインの力が欠かせません。表層的な部分のみならず、サービス全体のデザインから携わり、さらにそのナレッジを共有していくことでよりスマートな課題解決に結びつけられます。 デジタル庁では、Figmaのデザインプラットフォームなどの各種ツールを導入し、誰一人残されない、人にやさしいデジタル化に取り組んでいます。ここでは、Figmaが主催「デザイン経営2023」カンファレンスから、デジタル庁 サービスデザインユニットのマネジャーを務める鈴木伸緒氏講演内容を抜粋し、行政におけるデザインの役割についてご紹介します。 イントロダクション日本の行政サービスのデジタル化を推進する組織として、2022年に発足した『デジタル庁』。そのミッション「誰一人取り残されない、人に優しいデジタル化を。」のもとに、省庁や自治体をまたいだデータ連携や、デジタル技術を用いた安全

                                                                    デザインの公共性 | Figma Blog
                                                                  • エンジニア向けFigmaの使い方を徹底解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                                    続いてそれぞれのユースケースについて、具体的な使い方を解説します。 Figmaの使い方・操作方法 デザインをもとにコーディングする場合 ‐ Dev mode Dev modeの利用がおすすめです。現在ベータ版で公開されており、2024年中に有料プランのみ使用可能となります。 主な機能として、作成したデザインをもとにコードを自動で生成させることができます。CSS、iOSのSwiftUI、AndroidのXMLなどに対応しています。 具体的な使い方は次のとおりです。今回はログイン画面を例にしています。 画面をセクションで囲む セクション名の右横のコードアイコンをクリック Open in Dev modeでDev modeに切り替える コード化したいコンポーネントを選択すると、右側のInspectでコードを参照できる ワイヤーフレームを作成する場合 ‐ コンポーネント機能 コンポーネント機能を利

                                                                      エンジニア向けFigmaの使い方を徹底解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                                    • 開発モード(Dev Mode)に関するよくある質問 | Figma Community

                                                                      2月1日に正式リリースされた開発モード(Dev Mode)についてのよくある質問や、関連するリソースを集めたFigJamです。

                                                                      • Figmaを活用したデザイン作成〜チームでデザインするための仕組み〜 | さくらのナレッジ

                                                                        Fiigma は、ウェブサイトやアプリのデザインを作成するためのツールであり、デジタル庁のデザインシステムもFigmaで構築されています。今回は、大まかなデザインフローをさくらのVPSのコントロールパネルを例に説明します。 デザイン作業を開始する場合、最初にブランチ機能を使用してメインファイルからブランチを切ります。次に、要件に基づいてデザインを作成します。デザインが完成したら、Figmaのレビュー機能とSlackを活用して、チームメンバーにレビューを依頼します。 Figmaだけでなく、Slackでもレビュー依頼をする理由は、Figmaのレビュー機能だけではメンバーが気づかない場合があるためです。基本的には全員のapproveをもらったらマージします。ただし、長期休暇中のメンバーがいる場合等は、そのメンバーを除いてapproveを得たらマージし、デザイン部分で滞りがないようにしています。

                                                                        • Web To Figma

                                                                          Web to Figma is the ultimate plugin to collect and save, design inspirations into Figma as flawless components. Farewell, screenshots! Web to Figma is the ultimate plugin to collect and save, design inspirations into Figma as flawless components. Farewell, screenshots!

                                                                            Web To Figma
                                                                          • 中国の小説家・思想家「魯迅」がアクションフィギュアに! オプションのついた豪華版も発売

                                                                              中国の小説家・思想家「魯迅」がアクションフィギュアに! オプションのついた豪華版も発売
                                                                            • エンジニアが画面設計(Figma)を担当してみた振り返り

                                                                              Thinkings株式会社 では sonarATS の開発にあたり、基本的にはデザイナーがFigmaを作成し、それに基づいてエンジニアが開発するというフローを取っています。 そんな中、先日エンジニアサイドで画面設計を行ってみるという実験的な取り組みをしました。 本記事では画面設計を行うことになった経緯と具体的な取り組み内容を振り返り、エンジニアが画面設計をすることのメリットと課題感について考えたことをまとめたいと思います。 エンジニアサイドで画面設計をするきっかけとなった要因 エンジニアサイドで画面設計をすることとなった理由として、大きく分けて以下3つの要因がありました。 デザイナータスク削減の目標 あるマスタ画面を開発したときの課題感 上述の通り、『簡単なマスタ画面の開発』のような共通的な画面設計になる機能については、できるだけデザイナーが介入せずエンジニア主導で開発している → 実際に

                                                                                エンジニアが画面設計(Figma)を担当してみた振り返り
                                                                              • 2023年12月の、これだけは押さえておきたいWeb関連の動き

                                                                                2023年12月の、これだけは押さえておきたいWeb関連の動き 「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン・Adobe・Figma Adobe、Figma買収を撤回 欧州で当局の承認見込めず – 日本経済新聞 買収に必要な承認が得られないため、AdobeとFigmaは相互に買収契約を破棄することで合意したとのことです。AdobeはFigmaに対して違約金を支払うとのこと。 Figma公式Webサイトによると「FigmaとAdobeは、提案されていた合併を中止することにしました。」とのことです。 画像のALTに、ChatGPTによる日本語の要約をまとめたものを入れています。https://t.co/d1otCUX3LI pic.twit

                                                                                  2023年12月の、これだけは押さえておきたいWeb関連の動き
                                                                                • 2ちゃんねるに独学で作った『けいおん!』フィギュアをアップし続け、たった3年でド素人から公式原型師まで上り詰めた人の話

                                                                                  Tg🪐Originals @tg_originals Togetter(トゥギャッター)オリジナル記事編集部です。Togetter,X(Twitter)で話題になった面白ネタ、興味深い話を深堀りするコンテンツをほぼ毎日お届けしています。(旧トゥギャッチ/togech_jp) togetter.com/kiji Tg🪐Originals @tg_originals 「うまい棒よりいらない」と言われたことも… 2ちゃんねるで『けいおん!』フィギュアを独学で作り続け、ド素人から公式原型師になった伝説の男。 figureneet(@figureneet)さんにこの10数年を振り返っていただきました! togetter.com/kiji/2023/12/3… pic.twitter.com/pZcBRRme5C 2023-12-31 12:27:47

                                                                                    2ちゃんねるに独学で作った『けいおん!』フィギュアをアップし続け、たった3年でド素人から公式原型師まで上り詰めた人の話