ডিজাইন টিমের জন্য · একটি Figma ফাইল ইম্পোর্ট করুন, আসল স্টেটসহ কার্যকর প্রোটোটাইপ পান · ফ্রি ট্রাই করুন →
১,৮০০+ প্রোডাক্ট সংস্থার ডিজাইন টিম ব্যবহার করে
মকআপ আসল পণ্য ডিজাইন করুন।
আপনার ভাবনাকে সত্যিকার অর্থে কার্যকর করে তুলুন। একটি কার্যকর প্রোটোটাইপ বানান আসল স্টেট, লজিক ও রোল-ভিত্তিক আচরণ সহ — যে ইঞ্জিন আপনার ইঞ্জিনিয়াররা শেষমেশ শিপ করবেন, সেই একই ইঞ্জিন। Figma ও প্রোডাকশনের মাঝে আর কোনো ব্যাখ্যার ফাঁক নেই।
পিক্সেল-নিখুঁত React + Tailwind টোকেন সিঙ্কে থাকে যেকোনো সময় GitHub-এ হস্তান্তর
Figma · অনবোর্ডিংProyecta · লাইভ
v3.2
ফ্রেম
স্বাগতম
সাইন ইন
ড্যাশবোর্ড
· অ্যাডমিন
· মেম্বার
খালি স্টেট
এরর · ৪০৩
টোকেন
রঙ · ২৪
টাইপ · ৯
স্পেসিং · ৮
স্ট্যাটিক · Figmaছবি
স্বাগতম, মায়া
শুরু করুনডেমো
কার্যরত · Proyectaলাইভ
স্বাগতম, মায়া
পাইপলাইন$182k
সক্রিয় ডিল14
এই সপ্তাহ+ ৩টি জয়
ডিল যোগ করুনফিল্টার
খালি স্টেটপ্রোটোটাইপ
এখনো কোনো ডিল নেই
ট্র্যাকিং শুরু করতে আপনার প্রথম ডিল যোগ করুন।
ডিল যোগ করুন
৪০৩ · মেম্বার রোলপ্রোটোটাইপ
!সীমাবদ্ধ
মেম্বাররা বিলিং সম্পাদনা করতে পারেন না।
আপনার রোল আপগ্রেড করতে অ্যাডমিনকে বলুন।
অ্যাক্সেসের অনুরোধ
Figma থেকে ইম্পোর্ট করা আসল স্টেট রোল-সচেতন
ডিজাইনাররা Proyecta দিয়ে যা শিপ করেন
আসল প্রোটোটাইপ
ডিজাইন টোকেন → কোড
স্টেকহোল্ডার রিভিউ
ইঞ্জিনিয়ারিং হস্তান্তর
অ্যাক্সেসিবিলিটি অডিট
ক্লিক-থ্রু ডেমো
ডিজাইনাররা কেন বদলান
ডিজাইন বন্ধ করুন স্ক্রিনে. ডিজাইন শুরু করুন ফ্লোতে।
স্ট্যাটিক ফ্রেম দেখায় না কী ঘটে যখন ডেটা অনুপস্থিত, ব্যবহারকারী ভুল করেন বা অনুমতি বদলায়। ঝুঁকি থাকে সেই এজ কেসে — আর স্ট্যাটিক স্ক্রিন ইঞ্জিনিয়ারিং রিভিউ পর্যন্ত সেগুলো লুকিয়ে রাখে।
আসল
প্রোটোটাইপ
ক্লিকযোগ্য, স্লাইডশো নয়। লোডিং স্টেট, এরর, খালি ড্যাশবোর্ড — সব আচরণ করে।
আসল
টোকেন
আপনার টাইপোগ্রাফি, স্পেসিং, রঙ — প্রকৃত Tailwind ক্লাস ও CSS ভেরিয়েবলে প্রবাহিত।
১০০%
আপনার
আপনার GitHub-এ পরিচ্ছন্ন React + Tailwind। ইঞ্জিনিয়াররা ব্রাঞ্চ ফর্ক করে শিপ করেন।
ফ্রি
শুরু করতে
আপনার বিদ্যমান ডিজাইন সিস্টেম আনুন। এক ওয়ার্কস্পেস, কার্ড নয়, মেয়াদ নয়।
অসুখী পথগুলো প্রোটোটাইপ করুন
ঝুঁকি থাকে সেই স্টেটে আপনি যেগুলো আঁকেন না।
লোডিং। খালি। এরর। আংশিক সেটআপ। বেশিরভাগ পণ্য ঝুঁকি থাকে সেই এজ কেসে যা স্ট্যাটিক স্ক্রিন এড়িয়ে যায়। একটি স্টেটে ক্লিক করুন — প্রোটোটাইপকে সাড়া দিতে দেখুন।
ডিফল্ট · মায়া · অ্যাডমিন
লাইভ
পাইপলাইন · Q2অ্যাডমিন
মোট খোলা$182,400
এই মাসের জয়12
গড় ক্লোজ সময়১৪ দিন
ঝুঁকিতে৩টি ডিল
একটি স্টেট চেষ্টা করুন
মকআপের বাইরে
আচরণ, শুধু লেআউট নয়।
ব্যাখ্যাকে ক্লিকযোগ্য কিছু দিয়ে প্রতিস্থাপন করুন। একটি কার্যকর প্রোটোটাইপ একটি ভাগাভাগি রেফারেন্স পয়েন্ট: কী ঘটে, কখন, এবং প্রতিটি অ্যাকশনের পর কী বদলায়।
শাখাযুক্ত ফ্লো।
ধাপের ক্রম, আবশ্যক ইনপুট, ডিফল্ট, ড্রপ-অফ পয়েন্ট। শাখা ও শর্তসাপেক্ষ ধাপসহ অনবোর্ডিং বানান, যাতে ফ্লোটি সত্যিই সম্পূর্ণ মনে হয় কিনা মূল্যায়ন করতে পারেন।
শর্তসাপেক্ষ পরবর্তী-ধাপ
আবশ্যক বনাম ঐচ্ছিক ক্ষেত্র
অন্তর্নির্মিত ড্রপ-অফ পরিমাপ
রোল ও অনুমতি।
অনেক পণ্য ভিন্ন ব্যবহারকারীর জন্য ভিন্নভাবে আচরণ করে। অ্যাডমিন, মেম্বার ও ভিউয়ার ফ্লো মক করুন, যাতে স্টেকহোল্ডাররা গেটেড অ্যাকশন ও সীমাবদ্ধ ভিউয়ের UX মূল্যায়ন করতে পারেন — শুধু সুখী পথ মসৃণ নয়।
এক ক্লিকে রোল বদলান
গেটেড অ্যাকশন, সীমাবদ্ধ ভিউ
অনুমতি অস্বীকৃত স্টেট
আসল স্টেট, আসল ডেটা।
ফর্ম টিকে থাকে। তালিকা আপডেট হয়। সংখ্যা বাড়ে। ফিল্টার রিফ্রেশ টিকিয়ে রাখে। প্রোটোটাইপ পণ্যের মতো আচরণ করে কারণ এটি একটি পণ্য — Figma ক্লিক-থ্রু নয়।
Postgres-সমর্থিত নমুনা ডেটা
যে ফর্ম জমা পড়ে ও টিকে থাকে
আসল লোডিং ও এরর স্টেট
আপনার ডিজাইন ফাইলের সাথে হুবহু মিলান
আপনার টোকেন। আপনার সিস্টেম। লাইভ।
ওয়ার্কস্পেস থিম সরাসরি আপনার ডিজাইন টোকেন থেকে টানে — রঙ, টাইপ, স্পেসিং, রেডিআই। Figma-তে সম্পাদনা করুন, Proyecta-তে সিঙ্ক করুন, যে মান ইঞ্জিনিয়ারিং ব্যবহার করবে সেটিই শিপ করুন।
ওয়ার্কস্পেস · Stillpoint Health
৪ মিনিট আগে সিঙ্ক · Figma Variables · ৪১ টোকেন
--color-brand-violet
var(--brand-violet)
brand.violet
--color-accent-pink
var(--brand-pink)
accent.pink
--color-success
var(--success)
semantic.ok
--color-fg
#0F1024
text.primary
--color-bg-page
#FAFAFB
surface.page
--font-display
Sora · 48 / 700
type.h1
--font-body
Manrope · 16 / 400
type.body
--radius-card
14px
radius.lg
--space-section
64px
space.2xl
--shadow-elev-2
ভায়োলেট আভা
shadow.lg
২টি টোকেন আপডেট পুশ করা হয়েছে main · রিভিউয়ের জন্য প্রস্তুত
স্টেকহোল্ডাররা দীর্ঘ স্পেক থ্রেড ছাড়াই UX ট্রেড-অফ ও সম্ভাব্যতা মূল্যায়ন করেন। ইনলাইনে রোল বদলান — দেখুন প্রতিটি ব্যবহারকারী ঠিক কী করতে পারেন আর পারেন না।
A
অ্যাডমিন
পূর্ণ অ্যাক্সেস · বিলিং · সিট
বিলিং ও ইনভয়েস সম্পাদনা
মেম্বার আমন্ত্রণ ও অপসারণ
ওয়ার্কস্পেস সেটিংস পরিচালনা
ডেটা এক্সপোর্ট
প্রকল্প মুছুন
M
মেম্বার
বিল্ড · শিপ · সহযোগিতা
প্রকল্প তৈরি ও সম্পাদনা
স্টেজিংয়ে প্রকাশ
প্রোটোটাইপে মন্তব্য
বিলিং সম্পাদনা
সিট পরিচালনা
V
ভিউয়ার
স্টেকহোল্ডার · ক্লায়েন্ট
প্রোটোটাইপ দেখা
মন্তব্য রাখা
ফ্লো অনুমোদন
প্রকল্প সম্পাদনা
প্রাইসিং ডেটা দেখা
প্রোটোটাইপের সময় থেকে মূল্য
যেখানে অভিপ্রায় মেলে বাস্তবতার সাথে।
অনবোর্ডিং সেখানেই যেখানে ধারণা ব্যবহারকারীর সাথে মেশে। আবশ্যক ইনপুট, ডিফল্ট, শাখাপথ, ড্রপ-অফ পয়েন্ট — গোটাটাকে একটি ফ্লো হিসেবে ডিজাইন করুন, ফ্রেমের ডেক হিসেবে নয়।
ধাপ ০১ · ১২সে
স্বাগত স্ক্রিন
একক-ইনপুট প্রম্পট। এখনো অ্যাকাউন্ট নেই। টাইপিং গতি পর্যবেক্ষণ করে।
১,৮৪০ ভিজিট
−৬% ড্রপ-অফ
ধাপ ০২ · ৩২সে
ওয়ার্কস্পেসের নাম
ইমেল ডোমেইন থেকে স্মার্ট ডিফল্ট। এড়ানো যায়।
১,৭২৮ ভিজিট
−৪% ড্রপ-অফ
শাখা · একক না টিম?
একা কাজ করছেন না অন্যদের সাথে?
পথ ফর্ক করে। একক ইনভাইট এড়ায়। টিম পায় সিট পিকার।
৬২ / ৩৮ বিভাজন
ধাপ ০৩a · টিম
সহকর্মীদের আমন্ত্রণ করুন
ঐচ্ছিক ইমেল পিকার। ডোমেইন স্বয়ংক্রিয়-পরামর্শ।
৬৫৭ ভিজিট
−১৮% ড্রপ-অফ
ধাপ ০৪ · ১মি ১২সে
আপনার ডেটা সংযুক্ত করুন
Postgres, GSheets বা নমুনা ডেটা। আবশ্যক ক্ষেত্র।
১,৩২০ ভিজিট
−২২% ড্রপ-অফ
ধাপ ০৫ · প্রকাশিত
প্রথম সফল অ্যাকশন
সেই "আহা" মুহূর্ত। কনফেটি। ডোমেইন সংরক্ষিত। স্বাগত ইমেল সারিতে।
১,০২৯ পৌঁছেছেন
রৈখিক ধাপশাখা / ফর্ক৫৬% ফ্লো সম্পূর্ণ করেন · মধ্যমা ৪মি ১৮সে
বাকিদের তুলনায়
ক্লিক-থ্রু ≠ পণ্য।
Figma প্রোটোটাইপিং ব্যাকএন্ড কার্যকারিতা ছাড়াই ক্লিকযোগ্য মক তৈরি করে। Webflow ও Framer মার্কেটিং সাইট বানায়। Proyecta আসল ডেটা, অথ এবং ইন্টিগ্রেশনসহ পূর্ণ-স্ট্যাক অ্যাপ বানায় — যে ইঞ্জিন আপনার ইঞ্জিনিয়াররা শিপ করবেন, সেই একই ইঞ্জিন।
আপনি Figma ফ্রেম শিপ করা আর প্রার্থনা করা বন্ধ করেন যে ইঞ্জিনিয়ারিং সঠিকভাবে ব্যাখ্যা করবে। লোডিং স্টেট, ৪০৩, খালি ড্যাশবোর্ড — প্রতিটি এজ কেস যা আপনার PM লিখতে ভুলেছেন — ক্লিকযোগ্যভাবে প্রোটোটাইপ হয়। ইঞ্জিনিয়াররা প্রোটোটাইপ পড়েন, টিকিট নয়।
P
একটি Proyecta ডিজাইন ওয়ার্কফ্লো
যে ডিজাইন টিম শিপ করে, তাদের জন্য তৈরি
ইম্পোর্ট
আপনার ডিজাইন সিস্টেম থেকে টোকেন, টাইপ, স্পেসিং আনুন
প্রোটোটাইপ
আসল স্টেট, আসল ডেটা, আসল ইন্টারঅ্যাকশন
রিভিউ
স্টেকহোল্ডাররা ক্লিক করেন — 'কল্পনা' করেন না
হস্তান্তর
আপনার GitHub-এ পরিচ্ছন্ন React + Tailwind ব্রাঞ্চ
এটি কীভাবে আলাদা
তিনটি জিনিস Proyecta অস্বীকার করে হতে।
প্রোটোটাইপই স্পেক।
Figma ফ্রেমে "কল্পনা করুন এটি কাজ করে" নোট লেখা বন্ধ করুন। ক্লিকযোগ্য সংস্করণটিই স্পেক — ইঞ্জিনিয়াররা প্রকৃত আচরণ দেখেন, কমেন্ট থ্রেড থেকে অনুমান করেন না।
সত্য থাকে URL-এ
একটি Proyecta নীতি
টোকেন বেরোয়, টোকেন ঢোকে।
আপনার ডিজাইন টোকেন আসল CSS-এ প্রবাহিত হয় — শুধু ইন্সপেক্ট-এন্ড-কপি নয়। Tailwind + আপনার টোকেন, টাইপোগ্রাফি, স্পেসিং — আগে থেকেই বিল্ডে যুক্ত।
আসল টোকেন, আসল CSS
একটি Proyecta নীতি
রিপো হস্তান্তর করুন, Figma ফাইল নয়।
প্রতিটি প্রোটোটাইপ GitHub-এ একটি পরিচ্ছন্ন React + Tailwind ব্রাঞ্চে এক্সপোর্ট হয়। আপনার ইঞ্জিনিয়াররা এটি ফর্ক করে শিপ করেন। ডিজাইন ও বিল্ডের মাঝে কোনো অনুবাদ স্তর নেই।
কোনো অনুবাদ কর নেই
একটি Proyecta নীতি
আপনার স্ট্যাকের সাথে ভালো খাপ খায়
Figma-তে ডিজাইন করা। শিপ করা হয়েছে GitHub।
আপনার টোকেন, কম্পোনেন্ট, Storybook আনুন। প্রথম দিন থেকেই GitHub-এ পুশ করুন, যাতে ইঞ্জিনিয়াররা প্রস্তুত হলেই টানতে, রিভিউ করতে ও বাড়াতে পারেন।
হ্যাঁ। React ও Tailwind দিয়ে আপনি পূর্ণ ভিজ্যুয়াল নিয়ন্ত্রণ পান, যাতে Proyecta অ্যাপ আপনার ডিজাইন ফাইলের সাথে হুবহু মেলে। ওয়ার্কস্পেস থিম Figma Variables থেকে টোকেন টানে — রঙ, টাইপ, স্পেসিং, রেডিআই — এবং প্রকল্প জুড়ে সিঙ্ক রাখে।
হ্যাঁ, যেকোনো সময়। কোড প্রথম দিন থেকেই GitHub-এ সিঙ্ক হয়, তাই ডেভেলপাররা যখন প্রস্তুত তখন এটি টানতে, রিভিউ করতে ও বাড়াতে পারেন। কোনো মালিকানাধীন রানটাইম নেই, মাইগ্রেশনের ঝামেলা নেই। রিপো শুধু React + Tailwind + Postgres।
React, Tailwind CSS এবং Postgres। আধুনিক, সুনথিভুক্ত টুল যা যেকোনো ফ্রন্ট-এন্ড বা ফুল-স্ট্যাক ইঞ্জিনিয়ার সহজে শিখতে পারেন। আমরা ইচ্ছাকৃতভাবে নির্ভরতা সাদামাটা রাখি।
Figma প্রোটোটাইপিং ব্যাকএন্ড কার্যকারিতা ছাড়াই ক্লিকযোগ্য ক্লিক-থ্রু তৈরি করে। Proyecta আলাদা কারণ এটি ডেটাবেস, অথেন্টিকেশন, ইন্টিগ্রেশন ও API-সহ একটি কার্যকর অ্যাপ তৈরি করে। Proyecta দিয়ে আপনি প্রোডাকশনে আসল পণ্য শিপ করতে পারেন — শুধু স্টেকহোল্ডার ডেমো নয়।
ভিন্ন কাজের জন্য ভিন্ন টুল। Webflow ও Framer মার্কেটিং সাইট বানায়। Proyecta ব্যাকএন্ডসহ ফুল-স্ট্যাক অ্যাপ বানায় — অথ, ডেটা, বিলিং, রোল-ভিত্তিক অ্যাক্সেস। আপনার পণ্যে যদি অনুমতিসহ লগইন করা ব্যবহারকারী থাকে, তবে আপনার Proyecta দরকার।
না। আপনি সহজ ভাষায় স্ক্রিন ও ফ্লো বর্ণনা করেন, Figma ফ্রেম রাখেন বা টোকেন পেস্ট করেন — Proyecta React লেখে। আপনি যেকোনো সময় কোডে ডুব দিতে পারেন, তবে বেশিরভাগ ডিজাইনারের কখনোই দরকার হয় না।
হ্যাঁ। ওয়ার্কস্পেস থিম Figma Variables, Tokens Studio JSON বা একটি CSS ফাইল গ্রহণ করে। কম্পোনেন্ট shadcn/Radix প্রিমিটিভে ম্যাপ হয়, ফলে আপনি অ্যাক্সেসিবিলিটি ও আচরণ বিনামূল্যে ধরে রাখেন।
ডিজাইন শুরু করুন
একটি Figma ফাইল আনুন। ফিরুন একটি কার্যকর প্রোটোটাইপ।
আমরা আপনার ফাইল ইম্পোর্ট করব, টোকেন যুক্ত করব এবং একটি ক্লিকযোগ্য প্রোটোটাইপ তৈরি করব। ফ্রি, কার্ড লাগবে না, সময়ের চাপের ট্রায়াল নেই।
Figma ফাইল ভেতরে, প্রোটোটাইপ বাইরে। ফ্রেম আসল স্ক্রিনে পরিণত হয়। কম্পোনেন্ট তাদের টোকেন ধরে রাখে।
প্রথম দিন থেকেই GitHub। ইঞ্জিনিয়াররা একটি পরিচ্ছন্ন React + Tailwind রিপো টানেন। কোনো মালিকানাধীন রানটাইম নেই।
একক ডিজাইনারদের জন্য ফ্রি। ওয়ার্কস্পেস থিম, রোল সুইচিং, পূর্ণ এক্সপোর্ট। কার্ড লাগবে না।
আসল পণ্য ডিজাইন করুন, মকআপ নয়।
আপনার Figma ফাইল আনুন। একটি কার্যকর প্রোটোটাইপ নিয়ে ফিরুন।