世界を動かす技術を、日本語で。

LiftKit – 「すべてが黄金比から派生する」UI

2026年2月10日原文(chainlift.io)

概要

  • LiftKit は、UIの 対称性問題 を解決するオープンソースフレームワーク
  • 1つのグローバルスケールで サブピクセル精度 のプロポーション生成
  • 色やタイポグラフィ など、細部まで調整可能なリアルタイムプレビュー
  • コンポーネントごとの 柔軟な設定 と高いカスタマイズ性
  • MVP段階でも 洗練された見た目 を実現

LiftKitとは

  • LiftKit は、UIデザインにおける 対称性の問題 を解決するためのオープンソースフレームワーク
  • 他にも多様な機能を持つが、最大の特徴は 一貫したプロポーション の提供
  • グローバルスケールファクター で全体のバランスを制御し、サブピクセル単位の精度を実現
  • ユーティリティクラス の利用で、直感的かつ"oddly-satisfying"なコンポーネント作成が可能

色とテーマのコントロール

  • ダイナミックカラー を簡単に使えるモジュール式コントロールパネルを搭載
  • 作業中に リアルタイムプレビュー しながら色の調整が可能
  • 繊細な色合いから大胆なカラーフラッディングまで、 無限のカスタマイズ性
  • コントロールパネル未対応の機能も CSS から直接調整可能

タイポグラフィとマテリアル

  • フォントファミリー だけでなく、グローバルなタイポグラフィ設定も詳細にコントロール
  • ガラス、フラット、ラバーなどの マテリアルプリセット から独自の"-morphism"も作成可能

スケーリングと個別設定

  • テキストだけでなく スペーシングや全体のスケール も一括調整
  • 各コンポーネントごとに 個別設定 が可能で、LK変数の付け外しも柔軟
  • 細部までこだわった ビジュアルディテール を標準装備

MVPでも洗練されたUI

  • MVP段階でも 高い完成度 と洗練された見た目を実現
  • ユーザーが「説明できないけど、なんか心地いい」と感じる 細やかな工夫 が随所に組み込まれている

Hackerたちの意見

価格を調べようとしたんだけど、最初の「営業に問い合わせ」ってのは全然ダメだね。初めからハードル高すぎ! いくらか教えてくれればいいのに!? フッターには価格計算機があったけど… 10個のトップレベルページと5個のサブレベルページの価格を聞いたら、なんと$16,500(そう、16,000ドルだよ)。いらないわ。

これはカスタムデザインサービス向けみたいだね。法律の専門家じゃないけど、ライブラリやデザイン言語はオープンソースで無料で使えるみたい。

ハハハ、「FUCK_YOU@DUMB.COM」ってメールアドレスでフォームを送ったのは君?その計算機は代理店サービス用だよ。LiftKit自体は無料なんだから。

これ、デザインサイトのパロディかと思ったけど、実際にあるんだね。残念ながら、デザインは私には合わないな。なんか中心がずれてるし、全体の「重み」も変な感じ。

同意。スケールベースのデザインにかなりの時間を費やしてきたけど、1.618っていつも大きすぎる間隔に感じる。

もう批判が出てるからあまり言いたくないけど、同意するよ。デザイナーが数学的に一貫したデザインだけに頼らない理由の良い例だと思う。物を「見た目が良く」するためには、ピクセルをちょっとずつずらすことが多いから、数学的には少しずれてるけど、目には優しく感じるんだよね。

100%同意!「確かにこっちの方が良さそう」と思ったけど、実はどの例でも「ビフォー」の方を言ってたことに気づいた。

同じこと思った!全体的にちょっとおかしい感じがするよね。

すべてのコンポーネントが実際のUIフレームワークのインスタンスじゃなくて画像で表示されてるUIフレームワークは信頼できないな…

ドロップダウンをクリックしたんだけど、実装するのが結構複雑なものだと思ったから。写真すらないし。

うん、私も読み始めたときにそう感じた。UIがしっかりと表示されてなくて、ちょっとがっかりした。JavaScriptやNext.js、Reactを使わなきゃいけないフレームワークは信頼できないな…でも、UIキットとして売り込んでるフレームワークは、基本的にブラウザのプラグインじゃない方がいいと思ってる。

それもあるけど、専門家を雇って手伝ってもらえる印象があるね。

Hacker Newsで議論の続きを見る