作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄
Fireworks用テキスト生成パネル「PI_TextGenerator」 (PIXEL LAB)
Fireworks用のテキストオブジェクト生成パネルを作成しましたので、公開します。 たまに、いてますよね。なんでもイラレで作る人。デザインをはじめ、ちょっとした資料・指示書まで。 私の場合は、あらゆるものを、Fireworksで作成してるのですが、 そんなヘビーユースを支えてるパネルくんを、紹介・公開したいと思います。 4～5年前から使ってるんですけど、これがないと、仕事する気がしません。 テキスト生成パネル「PI_TextGenerator」の機能 テキストデータから、改行やタブをもとに、複数のテキストオブジェクを生成します。 複数行や、タブ区切りによる行列データにも対応しており、一発でテキストオブジェクトを生成できます。 用途 デザイン作業の下準備として Fireworksでデザインを行うときは、通常は、ワードなり、エクセルなりの 原稿データから、テキストをひとつひとつコピペしていく
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more) | Figma
