Penpot

こんにちは！プロダクトデザイナー、そしてエンジニアの皆さん。日々の開発の中で、こんな絶望を味わったことはありませんか？「デザイナーがPenpotで完璧に作り込んだレイアウト、余白、タイポグラフィ。しかし、いざエンジニアが実装してブラウザで確...

こんにちは！プロダクトデザインとフロントエンドの境界線を溶かし、開発者とデザイナーが同じ言語で対話できる世界を作っているエンジニアの先輩です。デザインツールといえばFigmaがデファクトスタンダードになっていますが、オープンソースであり、完...

こんにちは！プロダクト開発の現場で、デザイナーとエンジニアの架け橋となるワークフローやデザインシステムに日々向き合っている先輩エンジニアです。皆さんは、PenpotのようなモダンなオープンソースのデザインツールからSVGをエクスポートし、そ...

こんにちは！プロダクトデザイナー、そしてUI/UXエンジニアのあなたへ。日々のデザイン作業で、「あ、ここの角のRをやっぱり少し緩やかにしたい」「このアイコンのパーツ、後から微調整したくなったら最初から作り直しだな…」なんて絶望した経験、あり...

こんにちは！プロダクトデザイナー、そしてフロントエンドエンジニアのあなたなら、一度はこんな絶望を味わったことがあるはずです。「あれ、今誰かがこのコンポーネントのオートレイアウトを触ったせいで、さっき入れた変更が上書きされて消えた……？」複数...

こんにちは！デザインシステムの構築からフロントエンドのアーキテクチャまで、日々プロダクトの品質を極限まで高めることに情熱を注いでいる先輩エンジニアです。今回は、オープンソースの次世代デザインツールとして世界中のエンジニアとデザイナーから熱い...

こんにちは！プロダクトデザイナー、そしてエンジニアの皆さん。日々のUIデザインやモックアップ制作、お疲れ様です。「デザインした通りのリッチな視覚効果が、フロントエンドの実装時に再現できない…」「デザイナーとエンジニアの間で、シャドウのボケ足...

こんにちは！プロダクトデザイナー、そしてエンジニアの皆さん。日々、Figmaや各種デザインツールを行ったり来たりしながら、「デザインとコードの壁」をどうやってシームレスに繋ぐかに頭を悩ませていませんか？今回は、オープンソース（OSS）のデザ...

こんにちは！プロダクトデザインとフロントエンドの境界線を溶かし、チームの生産性を極限まで引き上げることに情熱を燃やしている先輩エンジニアです。今日は、オープンソースの本格派デザインツール「Penpot」と、モダンWeb開発のデファクトスタン...

こんにちは！プロダクトデザイナーの先輩として、今日は君とちょっとワクワクする話をしよう。「要件定義はNotion、デザインはPenpot。でも、仕様変更のたびにスクリーンショットを撮ってNotionに貼り直すのがダルい……」「ステークホルダ...