記事検索

検索ワードを入力してください。
Sky Tech Blog
社内取り組み紹介~デザインシステム~

社内取り組み紹介~デザインシステム~

Sky株式会社の社内システムを開発する部署の取り組みについてご紹介します。 この部署では、社員の業務効率を向上させるために社内システムの開発に取り組んでいます。

Sky株式会社には、社内システムを開発する部署があります。 この部署では、社員の業務効率を向上させるために社内システムの開発に取り組んでいます。 今回は、その取り組み内容をご紹介いたします。

紹介内容

Sky株式会社では、社内で業務用デザインシステムを構築・活用しています。 主に社内システムを構築する際に、このデザインシステムが利用されています。

デザインシステムとは

デザインシステムとは、システムを構築する上でのデザインと開発を一貫して行うための包括的なガイドラインやツールのセットのことです。
一般的には、スタイルガイドやコンポーネントなどをまとめたものをデザインシステムといいます。

デザインシステムを「Figmaのツールを用いて作成されたデザインファイル」と、UIカタログ「Storybook」にて提供しています。

Figmaのツールを用いて作成されたデザインファイル

※ 一部​画像にて抜粋

Storybook

※ 一部​画像にて抜粋

活用例

システム構築の際にはFigmaのツールを用いて表層デザインを作成した後、デザインファイルのコンポーネントに対応するものをStorybook上で検索し、使い方やサンプルコードを確認することで、デザインシステムのUIパーツを利用することができます。


XFacebookLINE
キャリア採用募集中!

入社後にスキルアップを目指す若手の方も、ご自身の経験を幅広いフィールドで生かしたいベテランの方も、お一人おひとりの経験に応じたキャリア採用を行っています。

Sky株式会社のソフトウェア開発や製品、採用に関するお問い合わせについては、下記のリンクをご確認ください。
お問い合わせ
ホーム