タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Designers and developers work hand in hand to create beautiful products. We build these products together, with UI components in code and UI libraries in design — our design system. In design, these UI libraries might be composed of symbols or components from Sketch, Figma or Adobe XD. In code, these components might be built in React, React Native or Preact. So, how do we recognize our React comp
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog はじめに こんにちは、LINE スタンプメーカーでiOSアプリの開発をしているfreddiです。 LINE スタンプメーカーでは、Zeplinというツールを使ってデザイナーからの成果物をチーム間で共有しており、開発時でもデザインを反映させるために利用しています。Zeplinでは、開発者向けのツールの作成も容易にでき、Zeplin上の情報を簡単に開発者の手元に落とし込むことができます。その例の一つとして、Gettという会社がOpen Sourceで公開しているPrismというツールがあります。Prismでは色情報をZeplinから取得して、好きなフォーマットに変換することができます。 私のチームでは、人為ミスやレビューコストを削
Zeplinとは？ 使い方から導入メリット、類似ツールとの比較まで、現役デザイナーがやさしく解説 | 株式会社ニジボックス
TOP > UIデザイン > Zeplinとは？ 使い方から導入メリット、類似ツールとの比較まで、現役デザイナーがやさしく解説 Zeplinとは、デザイナーが作成したデザインカンプをコーダーに共有するためのツールです。 デザイナーはSketchやAdobe XDなどのデザインツールでデザインを作成し、デザインデータをZeplinにエクスポート(アップロード)します。 コーダーは、Zeplinでデザインを受け取ることにより、各要素の距離や CSS のカラーといった情報をすぐに確認することができ、画像のアセット取得が簡単になります。 Zeplinの導入方法 ZeplinはWebブラウザからでも使えますが、Windows/Macそれぞれで使えるアプリが用意されています。 以下の公式サイトから無料版をダウンロードできます。 ■参考リンク：Zeplin公式サイト 無料版で作成できるのは１プロジェクト
【Zeplinの使い方】デザインデータ（Adobe XD/Photoshop/Figma）からのコーディングを効率化する方法 | TERUBLOG
こんにちはTERUです。 フリーランスでWEB制作（コーディング と ディレクション業務）をしています。 読者の悩み デザインデータ（XDやPSD）からのコーディングをもっと効率的にできないかな？ Zeplinの使い方が知りたい 本記事では、こういった疑問に答えます。 僕も普段コーディングで利用している便利ツール、「Zeplin」について導入方法から使い方まで説明いたします。 「Zeplin」を利用することで、Adobe XD、Photoshop、Figmaのデザインデータからコーディングに必要な情報を素早く取得できるため、作業効率を上げることができます。 Adobe XDやPhotoshop、Illustratorなど普段から他のAdobe製品も使われる方は、Adobe CCの購入がおすすめです。 Adobe CCを少しでも安く購入したい方は、「デジハリ経由でAdobe CCコンプリート
コーダーのためのZeplin入門
こんにちは。コーディングファクトリー部（以下CF部）コーダーの仲山です。 今日はデザイナーとコーダーの間の摩擦が起きがちなコミュニケーションを圧倒的にスムーズにし、且つマークアップを爆速にしてくれるデザイン共有ツール、Zeplinについてです。 最近は案件で使う機会が増えてきましたので、コーダー側からみたおすすめポイントを紹介したいと思います。 Zeplinとは Zeplinはデザイナーさんが Photoshop、sketch、adobeXD で制作したデザインを、コーダーに共有するためのツールです。2015年にローンチされて2017年には airbnb や slack、pinterest といった有名どころも使っており、ユーザーは増え続けています。 コーダーは Zeplin でデザインを受け取ることにより、画像のアセットが簡単になり、各要素の距離や CSS のカラーといった情報をすぐに確
Quickly access the designs you’re working on, follow design changes, open related Jira issues — all from within VS Code Over a million developers count on Zeplin to build products in a more connected and seamless way. Every day, as the Zeplin crew, we’re thinking up new ways to simplify your workflow even more. As you’re developing apps, you frequently switch between tools like your IDE, Zeplin, J
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Connect Zeplin with React and Storybook
Zeplin + Prismを用いて、開発で利用する色の情報を簡単に生成・管理する
Introducing Zeplin for Visual Studio Code
b-gamers.net
manual-therapy.net
s.kabutan.jp
musicwebclips.net
www.lettuceclub.net
news123.work