Penpot

このタグの解説について

この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

Falconの思うままに•5ヶ月前

PenpotのVariant

さて、PenpotでFigmaのvuetifyのUIKitを変換してきたという話を書きましたが、変換結果を検証しました。というかFigmaと並べて比べただけですが（笑）素人なのでやっとわかったのですがこういう用途ではVarinatが大事なんですね。それでFigmaから変換するとVariantがばらされてComponent登録されるみたい。いろんなスタイルが1個ずつComponentに登録されました。 Figma v-btn Penpot取込後の状態これを配置すると右側にCompoentの選択肢欄がでます。 v-btnのVariant選択機能？ Component欄をクリックすると、…

#Penpot#Figma変換

関連ブログ

Falconの思うままに•5ヶ月前

VuetifyとPenpot

さて、Vueを触り始めました。 Reactよりわかるかも（笑) Vueは3.2から構文が拡張されているんですね。 script setupというやつです。糖衣構文というんですね。使ったことない言葉でした。（汗）それで何してたかというと、画面まわりの調査でして、 Vuetifyを使うと決めています。公式からFigmaのUIKitがでてます。なんだそれ？なんですが、使うといい感じで画面レイアウトの構想が練れるらしい。（ど素人まるだし）ということで読み込んだのですが、開けるのですが、下書きのプロジェクトへ Componentがライブラリとして登録できないんです。有料版へのお誘いがでるの…

#Vuetify

Falconの思うままに•5ヶ月前

Figma類似PenpotをSelfHost構築

さて、Penpot知ってますか？ Figmaの代替候補となるソフトウェアですね。この時点で特定職種の方以外は興味なしのマイナー分野ですが、わかる人はわかるよねの世界です。 Web上のサービスですがOpenSourceでセルフホストできます。でもここ最近の日本語記事はほぼなく、海外でもそんなにない。２年くらい前が熱かったみたいですが、着々とUpdateされている感じですよ。まあ、お金払ってFigmaの人はそちらがベストでしょう。私みたいな、「にわかデザイナ」はFigmaに課金は厳しい。私などはこの機能を年に何度使うかですので、 OpenSourceでコード吐ける機能があるんで魅力的…

#Penpot#Figma代替